Skip to content
Saurav Mishra edited this page Jan 2, 2024 · 3 revisions

Welcome to the Saurav.Hello.World wiki!

Saurav.Hello.World

A personal portfolio website developed using react js. 🔥

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

Netlify Status

HitCounts NodeJS NPM Made With React code style: prettier
License Maintenance Website License Price

License   License   License   License  

License   License  

Home Page

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

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.

Deploy To Netlify

For more information, read hosting on Netlify.

Demo

Home Page

Home Page

Full Demo

Responsive Mode

Responsive Mode

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