A responsive interactive card details form with real-time preview, form validation, and completion state. Built with HTML, CSS, and vanilla JavaScript as a solution to the Frontend Mentor challenge.

A responsive news website homepage built with HTML, CSS Grid, Flexbox, and JavaScript. Features mobile-first design, interactive elements, and a custom mobile navigation menu.

A responsive newsletter sign-up form with success message and form validation. Built with HTML, CSS, and JavaScript for Frontend Mentor challenge. Featuring mobile-first design, email validation, and smooth state transitions.

A responsive 3-column preview card component built with HTML5 and CSS Flexbox. Showcasing three different car categories (Sedans, SUVs, and Luxury) with distinct color schemes and interactive elements. Features include responsive design for mobile and desktop and hover states for buttons.

A responsive card component built with HTML and CSS that showcases an order summary for a music subscription service. Features hover states for interactive elements and adapts to different screen sizes.

A web app that displays location information for any IP address or domain using the IPify API and LeafletJS maps.

A responsive profile card component built with HTML and CSS, featuring custom CSS properties, flexbox layout, and decorative background patterns for a visually appealing user profile display.

An interactive web app that generates personalized Coding Conference tickets with custom photos and attendee details. Crafted with vanilla HTML/CSS/JS, featuring fluid animations, intuitive drag-and-drop uploads, and pixel-perfect responsive design.

My solution to the Frontend Mentor Social Links Profile challenge. A responsive profile card with social media links, built using HTML5, CSS custom properties, and Flexbox.

A Responsive e-commerce product card with mobile and desktop layouts | Built with semantic HTML5, CSS custom properties, and Flexbox | Accessible design with hover states

A responsive, interactive Rock Paper Scissors game built with HTML, CSS, and JavaScript. Features include score tracking with localStorage persistence, animated transitions, and a clean, modern UI that works across all device sizes.

This project is a solution to the Frontend Mentor challenge, featuring hover animations, custom styling, and semantic markup. The card displays article information with an interactive design that enhances user experience

A modern, responsive web component featuring a custom range slider for selecting pricing tiers and a toggle for monthly/yearly billing with automatic 25% discount calculations. Built with semantic HTML5, CSS3 animations, and vanilla JavaScript. Optimized for mobile and desktop with smooth user interactions and accessibility features

A modern responsive landing page with interactive dropdown navigation and mobile-first design. Built with vanilla HTML5, CSS3, and JavaScript featuring smooth animations, keyboard accessibility, and cross-browser compatibility.

A responsive web application that generates random advice using the Advice Slip API. Built with HTML, CSS, and JavaScript. Features a clean, modern UI with hover effects and mobile-responsive design.

A pixel-perfect, responsive business landing page featuring interactive testimonials slider, form validation, mobile navigation, and modern CSS Grid layout. Built with vanilla HTML5, CSS3, and JavaScript following best practices for accessibility and performance.

A responsive recipe page built with HTML and CSS for the Frontend Mentor challenge. Features a clean design with custom styling, responsive layouts, and semantic markup.

A responsive landing page for Sunnyside Agency built with HTML, CSS, and JavaScript. Features mobile-first design, custom animations, and interactive elements.

A responsive landing page built with HTML, CSS, and JavaScript. This project is a Frontend Mentor challenge solution featuring modern design, interactive elements, and mobile-first approach.

A responsive calculator web app with three theme options, built with HTML, CSS, and JavaScript. Features basic arithmetic operations, keyboard support, and theme preference saving.