Netflix Clone
Streaming Platform Recreation
A comprehensive recreation of a streaming platform interface engineered for performance. This project implements a complex frontend architecture using vanilla JavaScript to handle dynamic content rendering without heavy framework overhead. Key features include an optimized lazy-loading system for image assets, custom event delegation for smooth user interactions, and a fully responsive grid system that adapts seamlessly across viewports. It serves as a deep-dive into the fundamentals of DOM manipulation and CSS layout engines.
Spotify Clone
Music Streaming Interface
A sophisticated single-page interface simulating a premium music streaming experience. This application leverages the Web Audio API for playback control and implements local storage for persisting user state. The UI is built with a focus on component modularity (simulated via ES6 modules) and advanced CSS techniques including Flexbox and custom properties (variables) for theming. It demonstrates a mastery of asynchronous JavaScript patterns and interactive state management.
Simon Says Game
Interactive Memory Game
A sophisticated memory game implementation showcasing advanced algorithm design and game development skills. Built with vanilla JavaScript ES6+, this project demonstrates complex game logic programming, state management, recursive pattern generation, and performance optimization. The live demo features smooth CSS animations, audio integration, local storage for high scores, progressive difficulty algorithms, and responsive touch/mouse event handling. Emphasizes clean code architecture, modular design patterns, and cross-browser compatibility for optimal gaming experiences.
'/%3E%3Cg transform='translate(200,150)'%3E%3Ccircle cx='-60' cy='-60' r='45' fill='%23e74c3c' stroke='%23fff' stroke-width='4'/%3E%3Ccircle cx='60' cy='-60' r='45' fill='%2300d2d3' stroke='%23fff' stroke-width='4'/%3E%3Ccircle cx='-60' cy='60' r='45' fill='%23f39c12' stroke='%23fff' stroke-width='4'/%3E%3Ccircle cx='60' cy='60' r='45' fill='%239b59b6' stroke='%23fff' stroke-width='4'/%3E%3Ccircle cx='-60' cy='-60' r='45' fill='url(%23glow)' opacity='0.6'/%3E%3C/g%3E%3Ctext x='200' y='270' text-anchor='middle' font-family='Arial,sans-serif' font-size='18' fill='%23fff' font-weight='bold'%3ESimon Says Memory Game%3C/text%3E%3C/svg%3E)
WeLoveQRcodes
QR Code Generator Tool
A powerful QR code generation web application demonstrating advanced JavaScript library integration and Canvas API manipulation. This project showcases real-time data processing, dynamic QR code generation using QR.js library, Canvas rendering techniques, and file download API implementation. Features include input validation, error handling, responsive design patterns, and optimized performance for various data types. Demonstrates expertise in third-party library integration, asynchronous JavaScript, and creating user-friendly tools with modern web technologies.
UniitzConvert
Mobile Unit Converter App
A comprehensive mobile unit conversion application supporting multiple measurement categories including length, weight, temperature, volume, and more. This native mobile app demonstrates mobile development skills, mathematical calculations, intuitive touch interfaces, and clean mobile UI/UX design. Features real-time conversion, input validation, offline functionality, and support for decimal precision optimized for mobile devices and touch interactions.
