FreeCodeCamp Columbus

Free Code Camp is an open source learning community that helps beginner coders learn to develop for the web. Free Code Camp Columbus is a sub-group called a campsite loosely affiliated with the parent group of Free Code Camp. Here at Free Code Camp Columbus we have created a group website to bring all of our many group interaction technologies into one unified application to grow as a group and also learn to code along the way.

Contributions to this website are restricted to Free Code Camp Columbus campers only.

Installation and Setup

Contributions to the F3C_wesite require a github account (if you don't have one, sign up here) and git (version control software) installed on your computer.

You will also need a local IDE (such as VSCode) and Node.js. Installation of Git, an IDE and Node are beyond the scope of this document, but we've included some helpful links below.

Setup will be divided into three sections

• Integrating github
• Setting up the node.js server
• Understanding the workflow

Integrate github

Step 1: Fork the repository

(Fork instructions open sourced from Github)

A fork is a copy of a repository. Forking a repository allows you to freely experiment with changes without affecting the original project.

Forking allows one to copy the fcc-columbus into their own repository so they can mess with it to their heart's content. To fork you need to:

1. Head to the repository location https://github.com/FCCColumbus/fcc-columbus

2. In the top-right corner of the page, click Fork.

Step 2: Create a local clone of the your fork

1. On GitHub, navigate to your fork of the fcc-columbus repository.

2. Under the repository name, click Clone or download.

1. In the Clone with HTTPs section, copy the clone URL for the repository

2. Open Git Bash

3. Type git clone, and then paste the URL you copied in Step 2.

git clone https://github.com/YOUR_USERNAME/fcc-columbus.git

Step 3: Configure Git to sync your fork with the original fcc-columbus repository

When you fork a project in order to propose changes to the original repository, you can configure Git to pull changes from the original, or upstream, repository into the local clone of your fork.

1. Navigate to the directory of the local clone of your fork. Type cd fcc-columbus

2. Type git remote -v and press Enter. You'll see the current configured remote repository for your fork.

$ git remote -v
origin    https://github.com/YOUR_USERNAME/fcc-columbus.git (fetch)
origin    https://github.com/YOUR_USERNAME/fcc-columbus.git (push)

1. Type git remote add upstream https://github.com/FCCColumbus/fcc-columbus.git

2. To verify the new upstream repository you've specified for your fork, type git remote -v again. You should see the URL for your fork as origin, and the URL for the original repository as upstream.

$ git remote -v
origin    https://github.com/YOUR_USERNAME/fcc-columbus.git (fetch)
origin    https://github.com/YOUR_USERNAME/fcc-columbus.git (push)
upstream  https://github.com/FCCColumbus/fcc-columbus.git (fetch)
upstream  https://github.com/FCCColumbus/fcc-columbus.git (push)

Useful links

Git

• git documentation
• Udemy git course ~~ Intro video
• Harvard CSS50 lecture on Github/Github flow and TravisCI

IDEs

• VSCode
• https://www.reddit.com/r/learnprogramming/wiki/tools

Node.js

• Nodejs.org

React

• Reactjs.org

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.

Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.

See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

License

Distributed under an MIT License.