This is an overly complicated git cheat sheet project, created to provide react practice while turning my git cheat sheet into a webpage.
- Fork this project
- Click “Clone or download” button and copy the link
- Using command line (ex. Terminal on Mac, Command Prompt on Windows), change to the directory where you want to save (for example, if you want to save to desktop:
cd Desktop
) - Clone the project: git clone {paste link from step 2 here} (ex.
git clone https://github.com/heatem/git-react-practice.git
) - Change into the project folder (
cd git-react-practice
) - Check for NPM:
npm -v
(to confirm npm is installed. If not, check this out treehouse.github.io/installation-guides/mac/node-mac.html) - Install Gatsby:
npm install -g gatsby-cli
(might need to dosudo npm install -g gatsby-cli
) - Run
npm install
- Run
gatsby develop
to start your local server - In your browser (ex. Chrome, Firefox), go to localhost:8000 to see your site
- Using command line, cd into the project folder and run
gatsby develop
to start your local server - Edit your code in your IDE/text editor of choice (ex. Visual Studio Code, Sublime Text)
- In your browser, go to localhost:8000 to see your site
Open the project in your text editor/IDE (ex. VS Code). I have put some git commands in the index.js file (path: git-react-practice/src/pages/index.js).
- Task 1: Create a components folder
- Task 2: Create a header component for the title of the page and replace the h3 in the index.js file with the component
- Task 3: Create component(s) for each section of the cheat sheet in the way you see fit, then replace the html with the components in index.js
- Bonus: Style any/all components
If you contribute, add your name (once) to the Contributors list. Go to the Contributors.js file (src/components/Contributors.js) and add a new list item with your name.
https://eager-jones-9b1bbe.netlify.com/(https://eager-jones-9b1bbe.netlify.com/