Saurav.Hello.World

A personal portfolio website developed using react js. 🔥

A clean, beautiful, responsive personal web app
template for Software Developers!

       

   

   

If you want to discuss about something, you can ask on my Linkedin or connect via email.

Fork & Use

Feel free to fork this repo to modify the template, make changes for your own space. No Copyright Issues. However, I request to give proper credit and attribution by linking back to Saurav.Hello.World

Thanks!

Portfolio Sections

• ✔️ Home page
  
• ✔️ About Me
  
  • The 3 C's
    • Coding
    • Camera
    • Cooking
      
• ✔️ Projects
  
• ✔️ Skills (and Certifications) 🏆
  
• ✔️ Publications (Peer reviewed paper publications and Books read...)
  
• ✔️ Socials
  • Seeing the world through a camera lens
  • Wanderlust Chronicles: A Collection of Travel Photos
  • Family, food, & fun - Happiness is Homemade
• ✔️ Contact me

To view the latest live deployment, click here.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You'll need Git and Node.js (which comes with npm) installed on your computer or use Docker.

node@v12.22.12 or higher
npm@6.14.16 or higher
git@2.32.1 or higher

• The website is completely built on react-js library of javascript which is why we need nodejs and npm installed.
• While installing nodejs and npm, try to install versions greater than or equal tr the versions mentioned above.
• After the successful installation of nodejs and npm, clone/fork the repository into your local system using below command:

   git clone https://github.com/ashutosh1919/masterPortfolio.git

This will clone the whole repository in your system.

• To download required dependencies to your system, navigate to the directory where the cloned repository resides and execute following command:

  npm install

• Now the project is ready to use
• The local deployment can be viewed using -

  npm start

• It will open the website locally on your browser in the http://localhost:3000 port. The page will reload if you make edits.

Project Dependencies

The following npm packages have been used to build the UI components -

1. "@emailjs/browser": "^3.10.0" 2. "@emotion/react": "^11.11.1" 3. "@emotion/styled": "^11.11.0" 4. "@mui/icons-material": "^5.14.6" 5. "@mui/lab": "^5.0.0-alpha.146" 6."@mui/material": "^5.14.11" 7. "bootstrap": "^5.1.3" 8. "react": "^18.2.0" 9. "react-bootstrap": "^2.2.3" 10. "react-dom": "^18.2.0"	11. "react-icons": "^4.7.1" 12. "react-image-lightbox": "^5.1.4" 13. "react-router-dom": "^6.15.0" 14. "react-scripts": "^5.0.0" 15. "@iconify/icons-logos": "^1.2.36" 16. "@iconify/react": "^4.1.1" 17. "material-react-table": "^1.15.1" 18. "react-reveal": "^1.2.2" 19. "typewriter-effect": "^2.21.0"

Deployment

The web app is deployed using netlify and the most recent depplument can be viewed @ https://saurav-hello-world.netlify.app/

Deploying to Netlify

You could also host directly with Netlify by linking your own repository.

For more information, read hosting on Netlify.

Demo

Home Page

Full Demo

Responsive Mode

Play Full Video

FullResponsiveDemo.mp4

References

Attributions for a few of the images used in this project and have been downloaded from freepik -

Image by rawpixel.com on Freepik Image by pch.vector on Freepik Image by pch.vector on Freepik Image by macrovector on Freepik Image By flatart Image By flatart Image By flatart Image By flatart	Image By freepik Image By freepik Image by pikisuperstar on Freepik Image by brgfx on Freepik Communication illustrations by Storyset Image By flatart Work illustrations by Storyset Image by VecMes on Freepik