ReactJS Portfolio Template

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 :)

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 :)

Steps to Follow

Clone the repository and move to the correct folder

git clone https://github.com/Shreyasi2002/ReactJS-Portfolio.git 
cd ReactJS-Portfolio

Install the dependencies and packages

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 :)

Get the Service ID, Template ID and Public Key from EmailJS

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 = "";

Starting the website on localhost server

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

Deploying the website to Github Pages

To deploy your application to GitHub Pages, push your code to GitHub, and run the following command -

npm run deploy

Next, you have to -

1. Navigate to Settings > Pages
2. Make sure you have chosen gh-pages as tha branch to build your website

Viola!! Now you have your portfolio up and running 🥳

If you like this template, support me by buying me a coffee :)