My Projects

Real projects I've built while learning web development

Clothing Collection E-commerce

A responsive clothing store website built with HTML, CSS, and JavaScript. Features product catalog, shopping cart, and clean design for fashion items.

HTML5 CSS3 JavaScript Responsive

Perfume & Jewelry Store

Online store for perfumes, bracelets, rings, and anklets. Features product filtering, detailed product pages, and mobile-friendly shopping experience.

HTML CSS JavaScript

Slippers Collection E-commerce

A responsive slippers store website built with HTML, CSS,PHP and JavaScript. Features product catalog, shopping cart, and clean design for fashion items.

HTML5 CSS3 PHP JavaScript Responsive
School Website
Coming Soon

Senior High School Website

Currently in development: An online senior high school website with multiple pages, responsive design, and interactive elements.

HTML5 CSS3 PHP JavaScript In Progress

Personal Portfolio Website

This very website! Built from scratch to showcase my projects and learning journey. Features responsive design, dark/light mode, and smooth animations.

HTML5 CSS3 JavaScript Responsive

Project Details

Clothing Collection E-commerce Website

Clothing Website Full
Clothing Mobile View Shopping Cart Product Page

About This Project

This was my first complete e-commerce website built to practice HTML, CSS, and JavaScript. The goal was to create a functional clothing store that works well on both desktop and mobile devices.

Features Implemented

  • Responsive design that works on all screen sizes
  • Product catalog with categories (Men, Women, Kids)
  • Shopping cart functionality with add/remove items
  • Product filtering by category and price
  • Clean, modern UI with hover effects
  • Contact form for customer inquiries

What I Learned

  • How to structure an e-commerce website
  • Implementing responsive design with CSS Grid and Flexbox
  • Basic JavaScript for interactive features
  • Creating a shopping cart with local storage
  • Deploying a website to Netlify and Infinityfree

Technologies Used

HTML5 CSS3 JavaScript (ES6) CSS Grid Local Storage API Netlify Infinityfree

Perfume & Jewelry E-commerce Store

Jewelry Website Full
Jewelry Mobile View Filter System Product Details

About This Project

My second e-commerce project focused on perfumes, bracelets, rings, and anklets. This project helped me improve my skills in creating more complex product layouts and filtering systems.

Features Implemented

  • Advanced product filtering system
  • Detailed product pages with multiple images
  • Category-based navigation
  • Wishlist functionality
  • Product comparison feature
  • Better mobile navigation

What I Learned

  • Creating complex filtering systems
  • Working with product variations
  • Improving website performance
  • Better form validation
  • Creating modals and lightboxes

Technologies Used

HTML CSS JavaScript CSS Animations Form Validation Git Version Control

Projects in Development

School Website

Currently working on a school website with multiple pages, responsive design, and interactive elements.

85% Complete

More Features

Planning to add user authentication and admin dashboard to my existing projects.

Planning Stage
4+
Completed Projects
3
E-commerce Websites
65%
Learning Progress
1
In Development

Check Out My Learning Journey

See how I'm progressing and what I'm learning next

About My Journey