A modern, responsive personal portfolio built from scratch with vanilla HTML, CSS, and JavaScript.
Showcasing my projects, skills, and experience as a web & mobile app developer.
Features • Tech Stack • Structure • Support
- Loading Animation — Cinematic intro with cascading icons and text before revealing the main content
- Typing Effect — Rotating titles (Frontend Developer, UI/UX Designer, React Developer…) with a typewriter animation
- Light / Dark Theme — Toggle between themes with preference saved to localStorage
- Smooth Navigation — Fixed pill-shaped navbar with scroll-spy that highlights the active section
- Scroll Reveal — Sections fade in as you scroll down the page
- Contact Form — Functional email form powered by EmailJS — no backend needed
- Project Showcase — Cards with tech tags, descriptions, and GitHub links
- Skills Section — Animated cards with a sliding color fill on hover
- Back to Top — Floating button that appears after scrolling down
- Fully Responsive — Adapts from desktop to tablet to mobile
| Layer | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 (Custom Properties, Grid, Flexbox) |
| Logic | Vanilla JavaScript (ES6+) |
| Icons | Font Awesome 6.5.1 |
| Fonts | Google Fonts (Montserrat, Open Sans, Playfair Display, Unbounded) |
| Contact Form | EmailJS |
| Hosting | GitHub Pages |
├── index.html # Single-page markup (home, about, projects, skills, contact)
├── style.css # All styles — theming, layout, animations, responsive breakpoints
├── main.js # Navigation, typing effect, theme toggle, scroll reveal, EmailJS
└── images/ # Project screenshots, skill icons, profile photo
If you like my work, you can support me:
