projects

A collection of real-world products and smaller experiments I’ve built while learning and refining my frontend skills. Each project focuses on clean UI, usability, and practical implementation.

featured / major

FE Global Education

A production-ready education platform designed and built end-to-end by me. I handled UI design, frontend development using Tailwind CSS, responsive layouts, performance optimization, and deployment.

Tailwind CSS JavaScript Cloudflare Vercel

Login Dashboard

A React-based authentication dashboard with protected routes and clean UI patterns. Built to practice real-world login flows, component structure, and state handling while keeping the interface minimal and user-friendly.

Tailwind CSS JavaScript ReactJS Vercel

E-COMMERCE APP

A React-based e-commerce application with a focus on responsive design and seamless user experience. Built to practice real-world shopping cart functionality, product browsing, and state management while keeping the interface clean and intuitive.

ReactJS JavaScript CSS Vercel

SportsWeed

A sports-focused content platform designed to deliver news and updates with clarity and speed. The project emphasizes readability, responsive design, and structured layouts suitable for content-heavy applications.

CSS JavaScript HTML Netlify

Celebrity Details

A responsive web application that displays detailed profiles of popular celebrities, including key information. Built with modern frontend technologies focusing on clean UI, fast loading, and structured data presentation.

React JavaScript CSS API

ChatBot

An interactive chatbot web application built with React and TypeScript, designed to simulate real-time AI conversations through a clean and responsive interface. The project focuses on component-based architecture, efficient state management, and smooth user interactions.

ReactJS JavaScript CSS Vercel

Taskflow

A minimal task management app focused on simplicity and usability. Built using vanilla JavaScript and Tailwind CSS to practice DOM manipulation, state updates, and clean UI interactions without external libraries.

Tailwind CSS JavaScript HTML Vercel

Age In Days

A fun utility that calculates and displays a user’s age in days. This project helped reinforce JavaScript fundamentals, form handling, and presenting calculated results with a clean interface.

CSS JavaScript HTML Vercel

Add Users

A small data-entry application that allows users to add and display information dynamically. Built to practice form validation, state updates, and rendering data-driven UI components.

Tailwind CSS JavaScript HTML Vercel

Weight Converter

A simple unit conversion tool that converts weights between different units in real time. Focused on JavaScript logic, input handling, and instant UI feedback.

CSS JavaScript HTML Vercel

Todo App with Search Option

A to-do list application with search functionality, designed to handle larger task lists efficiently. Built to practice filtering data, updating UI based on user input, and maintaining a clean structure.

CSS JavaScript HTML Vercel

Contact Filter

A contact management interface with real-time filtering. This project focuses on array methods, search logic, and building responsive layouts for data-heavy UI components.

CSS JavaScript HTML Vercel

small & practice

Smaller projects and UI experiments created to practice layouts, interactions, and JavaScript fundamentals.

Background Changer

An interactive utility that changes background colors dynamically. Built to practice event handling, state changes, and immediate visual feedback.

Google Homepage Clone

A pixel-accurate recreation of the Google homepage. This project focuses on layout precision, spacing, and visual hierarchy using HTML and Tailwind CSS.

Todo App

A straightforward task management app built to strengthen core JavaScript concepts such as event handling, state updates, and dynamic rendering.

SportsWeed 2

An iteration of the SportsWeed concept, rebuilt to improve layout structure, responsiveness, and overall UI clarity based on earlier learnings.

Info

A small experiment focused on structuring content and managing simple UI interactions while keeping the design minimal.

Assestment(F Security)

Security-themed landing page built with Antigravity and Stitch, focusing on minimal UI and responsive layouts.

Counter

A basic counter application used to practice state management, button interactions, and clean UI updates.