Display Default Create React App as a GitHub Page

This project was bootstrapped with Create React App.

Link: testReactApp

What did I learn?

• Add homepage property in package.json with appropriate link and add scripts to deploy

  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
  

  Don't forget to npm install gh-pages!

• A production build of the app is needed to deploy it to GitHub Pages (reads index.html, otherwise will only show the README.md)

  $ npm run deploy
  

  Make sure that there are the necessary scripts!

• The built app code is contained in the gh-pages branch ❗

  Any other branch can be used for the working code!

• Add node_modules to .gitignore !!! 👍

  Avoid committing a huge folder full of code!

Next steps?

• 🌟 Finish designing portfolio site layout
• 💦 Test in this testReactApp repository
• 💪 Implement design in new create-react-app and test locally
• 😕 Figure out where to host media files
• 🔧 Build production build and upload to new repository for portfolio site