A clean, responsive, and feature-rich personal portfolio website built from scratch. It showcases my skills, featured projects, and provides an easy way for visitors to get in touch. The site is designed with a mobile-first approach and includes dynamic features like a theme toggle and on-scroll animations.
This project is my personal corner of the internet. It's not just a gallery of my work; it's a demonstration of my front-end development skills using core web technologies. The entire site is built with pure HTML, CSS, and JavaScript, proving that powerful and modern user experiences can be created without relying on heavy frameworks.
This portfolio is packed with dynamic features, all powered by Vanilla JavaScript:
| Feature | Description |
|---|---|
| Theme Toggle | A sleek dark/light mode switch that respects user preference and saves the choice in localStorage. |
| Responsive Design | Mobile-first design that looks great on all devices, from phones to desktops. |
| Mobile Navigation | A fully functional hamburger menu for seamless navigation on smaller screens. |
| Sticky Header | The navigation bar becomes "sticky" on scroll for easy access from anywhere on the page. |
| Smooth Scrolling | Clicking on navigation links provides a smooth scroll to the corresponding section. |
| Form Validation | The contact form includes client-side validation for all fields, ensuring data is correct before submission. |
| Scroll Animations | Page elements like project cards and skills fade in gracefully as they enter the viewport. |
| Hero Typing Effect | A subtle typing animation on the hero section's highlighted text adds a dynamic touch. |
This portfolio website itself is built using core web fundamentals. The skills listed on the portfolio (like React, Node.js, etc.) are technologies I use for other projects.
| Category | Technologies |
|---|---|
| Languages |   -F7DF1E?style=flat-square&logo=javascript&logoColor=black){kind=icon} |
| Libraries |  |
This application is built using web technologies and is platform-independent. It can be developed and run on any major operating system.
Root Path: c:\Users\ashes\Desktop\Portfolio
├── 📁 Media
│ ├── 📁 favicon
│ │ ├── 🖼️ apple-touch-icon.png
│ │ ├── 🖼️ favicon-96x96.png
│ │ ├── 📄 favicon.ico
│ │ ├── 🖼️ favicon.svg
│ │ ├── 📄 site.webmanifest
│ │ ├── 🖼️ web-app-manifest-192x192.png
│ │ └── 🖼️ web-app-manifest-512x512.png
│ ├── 🖼️ Profile_pic.webp
│ ├── 🖼️ Profile_pic2.jpeg
│ ├── 🖼️ Project_1_SS.png
│ ├── 🖼️ Project_2_SS.png
│ └── 🖼️ Project_3_SS.png
├── 📄 Javascript.js
├── 📝 Readme.md
├── 🌐 index.html
└── 🎨 style.css
This is a static website. No complex build steps or dependencies are required.
- Clone the repo
git clone [https://github.com/your-username/your-portfolio-repo.git](https://github.com/your-username/your-portfolio-repo.git)
- Open the file
Navigate to the project directory and open the
index.htmlfile in your favorite web browser.cd your-portfolio-repo open index.html