DevFolio

A complete personal portfolio site with a fixed navbar that shadows on scroll, a typing animation that cycles through role titles, a dark/light mode toggle saved to localStorage, an about section with stats, animated skill bars that trigger when scrolled into view, project cards with hover animations, a contact form with a success message, and a back-to-top button — all fully responsive for mobile and desktop.

• HTML semantic structure and linking external CSS and JS files
• CSS custom properties (variables) for easy theming
• Dark/light mode using a CSS class toggle on the body
• CSS Flexbox and Grid for layouts
• CSS transitions and hover animations
• JavaScript DOM selection with getElementById and querySelectorAll
• setTimeout and recursive functions for typing animation
• localStorage to persist user theme preference across visits
• addEventListener for click and scroll events
• Intersection Observer API to trigger animations on scroll
• Preventing default form behaviour and handling form submission
• Responsive design with CSS media queries
• position: fixed for navbar and back-to-top button
• z-index and stacking context for layered UI