The second iteration of my portfolio website built with React and hosted with Heroku
Previous iterations: v1
DEMO »Table of Contents
Yes, you may fork this repository. Please star this repo and give proper credit by linking back to josephpalma.dev. Thank you!
Note that this project was not intented as a starter theme.
For theming and styles.
For a component based UI.
Enables features like the email service.
Allows for easy JSON content management.
Color 🎨 | Hex |
---|---|
Black | #121212 |
White | #f7f7f7 |
Blue | #366194 |
Cobolt | #232c36 |
Light Blue | #6B93CE |
Error | #B1161E |
Install Node.js with the installer
Once installed, verify by checking the installed version:
node -v or node –version
- Clone the repo
git clone https://github.com/josephpalma/professional-portfolio
- Navigate to the /client directory
cd professional-portfolio/client
- Install NPM packages
npm install
- Repeat steps 2 and 3 for the /server directory
cd .. && cd server && npm install
- Start the development server
cd .. && cd client && npm start
-
Use your own data by replacing all endpoints in /client/src/assets/api/ with your own data sources.
-
Generate a secure 160-bit WPA or higher API Key using https://randomkeygen.com/
-
Create your frontend .env and paste this code, replace key with your custom generated key:
REACT_APP_cryptoKey=your custom generated key
-
Create your backend .env and paste this code, replacing with your own info:
dbUri=mongodb+srv://your mongo db uri cryptoKey=your custom generated key emailService=your email service (note: gmail will not work here) [email protected] emailPass=senders email password
Runs the standard React build script and generates a full static production build in /client.
npm run build
Assembles a build package in the root directory's /build folder. The app is now ready to be deployed from the /build directory.
npm run build-package
Note: This command only runs on Windows. Consider contributing build commands for your OS of choice.
Before you deploy, make sure to provide all the enviroment variables from the Configure Project section to your hosting service.
To deploy to Heroku, make sure you've set up a Heroku application, and downloaded the CLI. Read more information on deploying to Heroku with Git, here.
You can deploy to Heroku with this command, or replace the contents of scripts.deploy in client/package.json with your own deployment script. To deploy with Heroku, from the /client directory, run:
npm run deploy
Note: This command only runs on Windows. Consider contributing deploy commands for your OS of choice.
If you have a suggestion that would make this portfolio better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
Joseph Palma - Linked In - [email protected]