React Portfolio

My attempt at a web development responsive portfolio website in ReactJS. The objective of this project was to learn ReactJS. This project is hosted live on https://react-portfolio-mayank.netlify.app/

Project Specifications-

• Fully responsive web application using media queries.
• Displays Home, About, Projects, Resume and Contact sections.
• Projects section has information on technologies used and links to source code and deployed URL.
• Contact section has github & linkedin profiles link along with link to directly open the compose email section of the site administrator's gmail account.
• About section has links to various online programming profiles.

Demo

Technologies Used

Google Lighthouse webpage perfomance report

The full report can be accessed at https://drive.google.com/file/d/18R8RN0lhhP77NQzVeVURn5bFSIUpJjR0/view?usp=sharing

Lessons Learned

• Making website responsive using media queries & CSS Grid properties like flex.
• Creating single page application & deployment on Netlify.

Authors

@mayankdrvr

Run on Local System

• Go to Code->Download ZIP to download the .zip file. Just extract the .zip file and open the extracted folder in VS Code editor.
• Open a new terminal in the root(../../portfolio_first_attempt_template-main/) folder.
• To install libraries & dependencies

  npm install

• To run the project on http://localhost:3000/

  npm start

Deployment on Netlify

• After installing libraries & dependencies using the above commands, run this command in the terminal from the root folder of the project in your local system

  npm run build

• A folder titled 'build' will be created in your root folder
• Login to your netlify account(https://netlify.com) and go to https://app.netlify.com/drop
• Drag & drop the build folder and wait for a few seconds for deployment to complete and live URL to be generated.

License

MIT