Designed and developed a fully responsive Analog Clock using core web technologies. The clock dynamically reflects the current time with smooth movement of hour, minute, and second hands, closely mimicking a real-world analog clock. Built with HTML for structure, CSS for sleek circular design and animations, and JavaScript for real-time time calculation and hand rotation.

Ensured full responsiveness across all screen sizes, including desktops, tablets, and mobile devices. Implemented smooth and accurate rotation for clock hands using JavaScript’s Date object and CSS transform. Practiced clean code principles and organized file structure for easy maintainability. Great addition to UI-focused projects, demonstrating skills in time-based interactivity and responsive layout design.

A fully responsive and elegant Digital Clock designed using HTML, CSS, and JavaScript. This clock displays the current time in real-time and updates every second. The interface is clean, colorful, and visually appealing, making it suitable for any modern web UI.
* Real-time time display using JavaScript’s Date object
* Fully responsive design that works on all devices
* Stylish and colorful layout with smooth digital styling
* Clean code structure with focus on UI/UX design

A simple and responsive Calculator built using HTML, CSS, and JavaScript. It performs basic arithmetic operations such as addition, subtraction, multiplication, and division with a user-friendly interface. The design is clean and modern, making it suitable for all screen sizes.
* Handles real-time input and displays results instantly
* Responsive layout with smooth button interactions
* Built with clean and organized code structure
* Great for showcasing core JavaScript logic and UI skills

A fully responsive and interactive Dropdown Menu designed using HTML, CSS, and JavaScript. The menu enhances website navigation by allowing users to access multiple links in a compact and organized way. It works smoothly across all devices and screen sizes.
* Clean and modern navigation design
* Responsive dropdown with hover or click interaction
* Works seamlessly on both desktop and mobile screens
* Structured layout for easy integration into web projects

A fully responsive Image Gallery created using HTML, CSS, and JavaScript. It displays images in a neat grid layout with a colorful and elegant design. The gallery adjusts smoothly across all screen sizes, making it perfect for modern websites and portfolios.
* Responsive grid layout for all devices
* Clean and visually appealing design
* Smooth hover effects for interactive experience
* Organized and easy-to-customize code structure

A fully responsive and elegant Video Gallery built using HTML, CSS, and JavaScript. This gallery showcases multiple videos in a clean grid layout with a user-friendly interface. It adapts smoothly to different screen sizes, ensuring a consistent viewing experience across all devices.
* Responsive video grid layout
* Clean and modern UI with embedded video players
* Works perfectly on desktop, tablet, and mobile
* Well-structured and easy-to-customize codebase

An interactive Memory Game built using HTML, CSS, and JavaScript, where players flip cards to find matching pairs. The game tests memory skills with smooth animations and a clean, responsive design that works well on all screen sizes.
* Flip-to-match logic using JavaScript
* Smooth transitions and visual feedback
* Responsive layout for desktop and mobile
* Ideal for practicing DOM manipulation and game logic

A classic Tic Tac Toe game developed using HTML, CSS, and JavaScript. This two-player game features a clean and responsive grid layout with real-time win-check logic and a reset option. It provides a smooth and interactive experience across all devices.
* Two-player turn-based gameplay
* Instant win/draw detection using JavaScript
* Responsive design with clean UI
* Reset functionality for repeated play

A clean and flexible Responsive Grid Layout designed using HTML and CSS. This layout automatically adjusts the number of columns based on screen size, making it ideal for displaying content like cards, images, or sections in a structured and mobile-friendly way.
* Built using CSS Grid and media queries
* Fully responsive for all screen sizes
* Ideal for galleries, product listings, or content blocks
* Clean design with easy-to-maintain code structure