OTP Generator
< OTP-Generator />
◦ A lightweight OTP generator that creates secure, randomized one-time passwords, focusing on simplicity, clarity, and practical frontend logic.
Featuristic Login
< My Login />
◦ A polished login interface featuring client-side validation, animated UI interactions, and realistic authentication-style user flows, with a strong focus on usability and visual feedback.
Secure Login Demo
< Login Demo />
◦ A modern login interface featuring animated form inputs, responsive layout design, and a clean, user-focused visual experience.
React Weather Application
< Weather App />
◦ A responsive React application that fetches and displays real-time weather data.
Features a live-updating forecast widget, clean UI, and component-based architecture.
Note: Hosted on Render free tier — initial load may take a few seconds due to cold start
< Landing Page Demo 1 />
< Landing Page Demo />
◦ A modern personal landing page built with semantic HTML and CSS, emphasizing clean layout structure, visual hierarchy, and interactive UI elements.
< Landing Page Demo 2 />
< Landing Page Demo />
Interactive landing page featuring theme switching, reusable components, and responsive layout behavior.
< Landing Page Demo 3 />
< Landing Page Demo />
◦ Soft-toned landing page built with semantic HTML and CSS, focusing on clean layout, visual hierarchy, and interactive UI elements.
< Landing Page Demo 4 />
< Landing Page />
◦ Business-style landing page designed to simulate a real-world company website with modern UI patterns.
E-Commerce Demo 1
< E-Commerce Demo />
◦ Responsive e-commerce page showcasing component reuse, grid layouts, and scalable UI structure.
E-Commerce Demo 2
< E-Commerce Demo />
◦ E-commerce landing page demonstrating layout systems, product sections, and structured UI components.
React - 25 + 5 Clock
< 25 + 5 Clock />
◦ A productivity timer built with React, designed for focused study or exercise sessions. Demonstrates state management, component logic, and user interaction handling. a full modern React/Vite build running on Vercel
JavaScript Calculator
< JS Calculator />
◦ A modern React calculator built with Vite, supporting keyboard input, memory functions, and responsive design. Created as part of a React learning journey and optimized for fast builds and deployment.
JS Calculator (Custom Build)
< Custom Calculator />
◦ A refined calculator project built from scratch to improve usability, layout, and calculation accuracy beyond a basic implementation.
Drum Machine
< Drum Machine />
◦ An interactive drum machine where keyboard input triggers sound playback, demonstrating event handling and audio integration in JavaScript
Random Quote Machine
< Quote Machine />
◦ A dynamic quote generator that retrieves and displays random quotes, focusing on API usage, state updates, and clean UI presentation.
Markdown Previewer
< Markdown Previewer />
◦ A live Markdown previewer that converts user input into formatted output in real time, highlighting text parsing and reactive UI updates - React (CRA) build.
