This template is based on my personal portfolio found here - https://shreyasi2002.github.io
NOTE: Do not forget to mention my name if you are using this template. I have worked hard for this :)
![background](https://private-user-images.githubusercontent.com/75871525/292948571-d1fffe8d-0458-4c2b-9a8e-c681dfd85878.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU4NDE4NjQsIm5iZiI6MTcyNTg0MTU2NCwicGF0aCI6Ii83NTg3MTUyNS8yOTI5NDg1NzEtZDFmZmZlOGQtMDQ1OC00YzJiLTlhOGUtYzY4MWRmZDg1ODc4LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA5VDAwMjYwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU0MDJhNDA2ZTJkNTg4NGMwYjY0YWFlMjExMTQ0NDA0Y2I2MTZlOTk4MGE5OGFlYTVmZGJmMjNiNTYwYjEyZGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qwolAJ3uJ_pJcS0A4cP1ND0FR4QXgqPqkktsqwIa7Zg)
Note : I want to acknowledge that the template I have created is not perfect and undoubtedly has areas that can be enhanced. I invite all contributors to share their insights and suggestions for improvements. Let's work collaboratively to refine this template :)
git clone https://github.com/Shreyasi2002/ReactJS-Portfolio.git
cd ReactJS-Portfolio
npm install
Running this command will install all the dependencies mentioned in package.json
You may notice a message like this -
9 vulnerabilities (1 low, 2 moderate, 6 high)
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
This is not a problem :)
I have used EmailJS (https://www.emailjs.com) to build the contact form in the template. You can get the service id from Email Services
section, template id from Email Template
section and the public key from Account
section.
Modify the following part in the src/components/Contact.js
file -
const SERVICE_ID = "";
const TEMPLATE_ID = "";
const PUBLIC_KEY = "";
npm start
This will start your app on the server. If you see a message like this, it means your application is successfully running on http://localhost:3000
Compiled successfully!
You can now view portfolio in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.1.6:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
webpack compiled successfully
To deploy your application to GitHub Pages, push your code to GitHub, and run the following command -
npm run deploy
Next, you have to -
Viola!! Now you have your portfolio up and running 🥳
If you like this template, support me by buying me a coffee :)