My Projects

Project Image

Rest Countries Api

Built a React app that lets you explore countries with details like flags, population, region, and capital. Instead of fetching live data, I used a locally stored REST Countries dataset so it loads faster, works offline, and gives consistent results. Includes a simple search to quickly find any country.

CSS JavaScript React.js Jsx JSON Responsive Design
Project Image

calculator

A simple, responsive calculator built using HTML, Tailwind CSS, and JavaScript for performing basic arithmetic operations with a clean and modern UI.

JavaScript tailwind CSS html netlify
Project Image

The Shoe Company

The Sneakerss is a stylish, high-performance e-commerce website designed for sneaker lovers. Crafted entirely with Tailwind CSS and vanilla JavaScript, this project highlights my skills in building modern, responsive, and interactive web interfaces without relying on traditional CSS.

HTML Tailwind CSS JavaScript netlify
Project Image

focus on today

A minimalist and interactive web application designed to help users set and track up to three daily goals. The app features a clean interface with a progress bar that updates as tasks are completed, encouraging users to maintain focus and productivity. Motivational quotes are displayed to inspire users throughout their day

HTML CSS JavaScript Responsive Design
Project Image

tic tac toe

Designed and built a Tic Tac Toe web game with JavaScript, featuring dynamic UI updates, real-time win/draw detection algorithms, and a responsive layout optimized for both desktop and mobile browsers

HTML CSS JavaScript Responsive Design
Project Image

registration form

This project is a registration form designed using HTML, Tailwind CSS, and JavaScript. It includes fields for user details such as name, email, and password, along with a confirm password feature to ensure matching credentials. A CAPTCHA verification is implemented to prevent automated form submissions and enhance security. The form is fully responsive and styled with Tailwind for a modern, clean look.

HTML tailwind CSS JavaScript Responsive Design
Project Image

Real Estate

A bold hero with a call to action (β€œStart Searching”), a clear value proposition (β€œDiscover your dream home”), and a section detailing What We Do: sales, rentals, property management, and investment. Featured listings are showcased with images, titles, pricing, and short descriptive blurbs. Below that, there’s a client testimonials section and a brief mission-statement call-to-action.

HTML Tailwind Responsive Design Git
Project Image

whatApp clone

I built a chat interface that looks and feels just like WhatsApp Web! It's a full-stack app that processes real-time webhook data and stores it in a MongoDB database. You can see all your conversations, view message statuses, and even send new demo messages. The whole app is deployed and live on a public URL. It was a fun challenge that really helped me combine frontend and backend skills!

react JavaScript CSS node.js MongoDB render netlify
Project Image

traffic signal simulator

This project is a Traffic Signal Simulator developed with HTML, Tailwind CSS, and JavaScript. It simulates the working of a real traffic light by switching between red, yellow, and green signals at specific time intervals. The interface is simple, clean, and fully responsive, making it an excellent beginner-friendly project for understanding DOM manipulation and timing functions in JavaScript.

html tailwind css java script
Project Image

dash board

Responsive Dashboard UI – A sleek and modern dashboard built using HTML, Tailwind CSS, and JavaScript. It displays real-time business metrics like active users, revenue, and sales by country in an intuitive layout. The design features a sidebar navigation, data cards, and interactive charts, all styled with Tailwind for a clean, responsive experience across all devices. This project showcases my skills in front-end development, UI design, and data visualization.

html tailwind css java script
Project Image

todo list

I developed a responsive To-Do List application using HTML, Tailwind CSS, and JavaScript. The app allows users to create and manage multiple task lists. Each list includes three buttons β€” Edit to modify the list, Delete to remove it, and Done to save the changes after editing β€” providing a clean and efficient user experience for managing daily tasks.

html tailwind css java script
Project Image

Web Scraper

A custom-built web scraping tool developed using Python and BeautifulSoup/Selenium to extract structured data from dynamic websites. This scraper automates data collection for use cases like product listings, student results, job postings, and more. The scraped data is stored in CSV or JSON format and can be integrated into dashboards or further analysis pipelines.

Python