Giter Club home page Giter Club logo

sauravmishra1710 / saurav.hello.world Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 2.0 521.37 MB

My Personal Web Space. A clean, beautiful, responsive personal web app template for Software Developers by a software developer developed using React JS.

Home Page: https://saurav-hello-world.netlify.app/

License: MIT License

HTML 0.68% CSS 7.74% JavaScript 91.58%
hello-world hello-world-github image-lightbox lightbox-gallery lightweight portfolio portfolio-website react react-bootstrap react-card

saurav.hello.world's Introduction

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
License Maintenance Website License Price

License   License   License   License  

License   License  

   

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.

  • 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

saurav.hello.world's People

Contributors

sauravmishra1710 avatar tanmayintelli avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.