Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nparashar150/personal-portfolio
Personal Portfolio Website currently WIP
https://github.com/nparashar150/personal-portfolio
css email-js lottie-animation personal-website portfolio pwa react react-helmet react-reveal react-scroll styled-components
Last synced: 20 days ago
JSON representation
Personal Portfolio Website currently WIP
- Host: GitHub
- URL: https://github.com/nparashar150/personal-portfolio
- Owner: nparashar150
- Created: 2021-09-22T08:57:48.000Z (over 3 years ago)
- Default Branch: frontend
- Last Pushed: 2022-09-17T19:08:19.000Z (over 2 years ago)
- Last Synced: 2024-11-04T09:42:27.484Z (2 months ago)
- Topics: css, email-js, lottie-animation, personal-website, portfolio, pwa, react, react-helmet, react-reveal, react-scroll, styled-components
- Language: JavaScript
- Homepage: https://nparashar150.com
- Size: 2.99 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio Website 👨💻
Hello there, welcome to the repository of my Personal Portfolio Website!!
This is still a work in progress, and I like to update it whenever I get free time.
I would suggest to read [README.md](./README.md) first and then proceed with exploring the repository.
If you find anything buggy you can report it to me.
## Screenshots
## Directory Structure
```.
➜ Personal-Portfolio git:(frontend) tree -I "node_modules|build|public|.cache|.firebase|netlify"
.
├── package.json
├── README.md
├── screenshots
│ ├── 1.png
│ ├── 2.png
│ ├── 3.png
│ ├── 4.png
│ └── 5.png
├── src
│ ├── animation
│ │ ├── lf30_editor_c1tvetoa.json
│ │ └── Loading.jsx
│ ├── App.css
│ ├── App.jsx
│ ├── components
│ │ ├── About
│ │ │ ├── AboutElements.jsx
│ │ │ ├── About.jsx
│ │ │ └── Assets
│ │ │ └── AboutImage.png
│ │ ├── Contact
│ │ │ ├── ContactElements.jsx
│ │ │ ├── Contact.jsx
│ │ │ └── lf30_editor_lrfkphqf.json
│ │ ├── LandingPage
│ │ │ ├── LandingElements.jsx
│ │ │ ├── Landing.jsx
│ │ │ ├── lf30_NnBW3K.json
│ │ │ └── Resume.pdf
│ │ ├── Projects
│ │ │ ├── ProjectElements.jsx
│ │ │ ├── Project.jsx
│ │ │ ├── ProjectLogo
│ │ │ │ ├── AmazonKindle.png
│ │ │ │ ├── ColtEnigma.png
│ │ │ │ ├── NoteIt.png
│ │ │ │ └── StartMenu.svg
│ │ │ └── ProjectMain.jsx
│ │ ├── Shared
│ │ │ ├── Button
│ │ │ │ └── Button.jsx
│ │ │ ├── colorScheme.jsx
│ │ │ ├── Email
│ │ │ │ └── Email.jsx
│ │ │ ├── Footer
│ │ │ │ ├── FooterElements.jsx
│ │ │ │ └── Footer.jsx
│ │ │ ├── Mouse
│ │ │ │ ├── Mouse.js
│ │ │ │ └── Mouse.scss
│ │ │ └── Nav
│ │ │ ├── NavElements.jsx
│ │ │ └── Nav.jsx
│ │ └── Skills
│ │ ├── SkillsElements.jsx
│ │ └── Skills.jsx
│ ├── data
│ │ └── website.json
│ ├── font
│ │ ├── Sora-Bold.ttf
│ │ ├── Sora-ExtraBold.ttf
│ │ ├── Sora-ExtraLight.ttf
│ │ ├── Sora-Light.ttf
│ │ ├── Sora-Medium.ttf
│ │ ├── Sora-Regular.ttf
│ │ ├── Sora-SemiBold.ttf
│ │ └── Sora-Thin.ttf
│ ├── index.css
│ ├── index.jsx
│ ├── page
│ │ └── LandingPage
│ │ ├── MainElements.jsx
│ │ ├── Main.jsx
│ │ └── ParticleConfig.json
│ ├── service-worker.js
│ └── serviceWorkerRegistration.js
└── yarn.lock
21 directories, 56 files
```
## Tools/Technologies Used
1. React JS
2. React Scroll
3. React Reveal
4. React Helmet
5. Styled Components
6. Lottie Animation
7. Email JS
8. Hotjar
9. Google Analytics
## Designs can be found at [Figma](https://www.figma.com/file/TENsqK8xUvsjlXxPgVdETr/Personal-Portfolio?node-id=0%3A1)