Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

37 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Portfolio Website

A modern, interactive personal portfolio website showcasing my skills, projects, and experience with stunning animations and a sleek dark-themed design.

✨ Features

  • Responsive Design: Optimized for desktop viewing (900px+)
  • Smooth Animations: Engaging Lottie animations throughout the site
  • Interactive UI Elements:
    • RGB glowing navigation buttons
    • 3D hover effects on cards
    • Dynamic typing text effect
    • Parallax grid background
    • Glow-following panels
  • Scroll-snap Navigation: Seamless section-to-section scrolling
  • Contact Form: Integrated form submission via FormSubmit
  • Social Links: Quick access to GitHub, LinkedIn, and resume download

πŸ› οΈ Technologies Used

  • HTML5: Semantic structure
  • CSS3: Advanced animations, flexbox, grid, and custom properties
  • JavaScript: Interactive elements and scroll animations
  • Lottie: High-quality vector animations
  • Baskerville Old Face: Elegant serif typography

πŸ“‚ Project Structure

Portfolio/
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ moon.jpg              # Favicon
β”‚   β”œβ”€β”€ Screenshot...png      # Logo/signature
β”‚   β”œβ”€β”€ meh.jpg              # Profile photo
β”‚   β”œβ”€β”€ resume.pdf           # Downloadable resume
β”‚   β”œβ”€β”€ landingPerson.json   # Intro animation
β”‚   β”œβ”€β”€ codingPerson.json    # Projects animation
β”‚   └── coder.json           # Experience animation
└── index.html               # Main HTML file

πŸš€ Sections

  1. Intro: Dynamic greeting with typing animation and professional links
  2. Myself: Personal introduction with profile photo
  3. Skills: Tech stack display with slide-in animations
  4. Projects: Showcase of key projects with glassmorphism cards
  5. Experience: Professional experience timeline
  6. Contact: Functional contact form

πŸ“± Viewing Instructions

This portfolio is optimized for desktop/laptop viewing (screen width > 900px). Mobile users will see a friendly message suggesting laptop access for the best experience.

🎨 Design Philosophy

The design embraces:

  • Dark Mode: Easy on the eyes with high contrast
  • Neon Accents: Cyan and magenta highlights for visual pop
  • Smooth Transitions: Subtle animations that don't overwhelm
  • Modern Glassmorphism: Frosted glass effects on cards
  • 3D Interactions: Perspective transforms on hover

πŸ“§ Contact

Feel free to reach out through the contact form on the website or connect with me on:

πŸ“„ License

This project is open source and available under the MIT License.


⭐ If you like this portfolio, feel free to star the repo!

Made with ❀️ by Aman Nath Jha

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages