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

Fotball Player Profile

A modern football player profile platform designed and developed by me. I built responsive layouts, interactive UI components, player statistics sections, and optimized the experience for smooth performance across devices.

Tailwind CSS JavaScript React Vercel

Sumaiya Engineering Work

A professional engineering company website developed by me with a focus on clean UI, responsive design, smooth navigation, and optimized performance to showcase services and company information effectively.

Tailwind CSS JavaScript React Vercel

Client Portfolio

A modern personal portfolio website created to showcase professional work, skills, and achievements with a clean interface, responsive layouts, and smooth user experience across all devices.

Tailwind CSS JavaScript React 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

Small practice project that calculates a user’s age in days while strengthening JavaScript logic, form handling, and dynamic result rendering.

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

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.

Todo App with Search Option

Small practice project featuring a searchable to-do list to improve skills in filtering data, handling user input, and dynamic UI updates.

Add Users

Small practice project for adding and displaying user data dynamically while improving form handling and state management skills.

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.