/Personal-Portfolio

Personal Portfolio Website currently WIP

Primary LanguageJavaScript

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 first and then proceed with exploring the repository.
If you find anything buggy you can report it to me.

Screenshots

Homepage About Skills Projects Contact

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