A single-page application portfolio for a web developer including:
A single Header
component that appears on multiple pages
A single Navigation
component within the header that will be used to conditionally render the different sections of your portfolio
A single Project
component that will be used multiple times in the Portfolio section
A single Footer
component that appears on multiple pages
-
Installation:
npm install
-
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.
You'll be able to run the app locally by running npm start:
npm start
All your changes should update the local host in real time. If you want to deploy your app, you'll need to make a few changes to the package.json file. Directions below for deploying to Github Pages:
- Add a homepage: to your package.json
"homepage": "https://<account-name>.github.io/react-portfolio/"
-
In the "scripts" property of your package.json, add two scripts:
-
Now, after you merge your changes and pull the most up-to-date master, open a new terminal and run npm run deploy:
npm run deploy
-
This creates a new branch, gh-pages. Open your deploy settings in Github and change the deploy branch to gh-pages
-
Every time you want your deployed site to update with the changes you've made, you need to run npm run deploy
This project is licensed under the MIT License - see the LICENSE file for details.