Modern Burger Restaurant Website
A fully responsive and interactive website designed for a burger restaurant. It features a mobile-friendly hamburger menu, dynamic category filtering (food, snacks, beverages), a video section with custom play controls, and an automated testimonial carousel. Built with semantic HTML, modular CSS, and vanilla JavaScript, the site delivers a smooth and engaging user experience while highlighting the restaurant’s menu, promotions, and brand personality.
Technologies Used
- HTML5 (semantic structure)
- CSS3 (modular architecture, Flexbox, responsive design)
- JavaScript (vanilla: interactive menu, category filtering, video controls, carousel)
- Accessibility and mobile-first best practices
Construction Company Website
A professional, responsive website designed for a construction company, featuring services, projects, testimonials, and a promotional video.
Technologies Used
- HTML5 (semantic structure)
- CSS3 (responsive design, clean layout)
- JavaScript (hamburger menu, Intersection Observer animations)
- Accessibility & mobile-first best practices
Advice Generator App
A dynamic advice generator built for a Frontend Mentor challenge, powered by the Advice Slip API. It fetches and displays random advice with smooth transitions, responsive layout, and interactive dice-triggered updates. Styled with Manrope font, neon hover effects, and semantic HTML, the app delivers a clean, accessible experience across devices.
Technologies Used
- HTML5 (semantic structure)
- CSS3 (custom styling with neon effects)
- JavaScript (API integration and DOM updates)
- Advice Slip API (live advice fetching)
- Responsive layout & accessibility
Age Calculator App
A responsive age calculator built for a Frontend Mentor challenge. It features semantic HTML, custom form validation, and animated result output using vanilla JavaScript. Styled with Poppins font, soft shadows, and a playful layout, the app calculates age in years, months, and days based on user input.
Technologies Used
- HTML5 (semantic structure)
- CSS3 (custom styling with soft shadows)
- JavaScript (form validation and age logic)
- Frontend Mentor challenge integration
- Responsive layout & accessibility
25 + 5 Clock
A Pomodoro-style timer built with React and Babel, featuring session and break controls, keyboard interaction, and audio alerts. Styled with a retro digital aesthetic using Orbitron font, neon green accents, and glowing shadows. This project is part of the freeCodeCamp Front End Development Libraries certification, which includes five hands-on projects using Bootstrap, jQuery, Sass, React, and Redux.
Technologies Used
- React 18 (state management and rendering)
- Babel (JSX compilation)
- Custom CSS (retro UI styling)
- Orbitron font (digital aesthetic)
- Audio API for session alerts
JavaScript Calculator
A retro-styled calculator built with React, Babel, and Bootstrap 5—designed to evoke the tactile charm of 90s interfaces. It features responsive layout, keyboard support, and dynamic input handling with real-time evaluation.
Technologies Used
- React 18 (component logic and state)
- Babel (client-side JSX compilation)
- Bootstrap 5 (responsive layout)
- Custom CSS (retro styling with gradients and shadows)
- Keyboard event handling and input sanitization