E-commerce Project

A frontend clone of e-commerce platform built with HTML, CSS, and vannila JavaScript.

DISCLAIMER: THIS PAGE WAS MADE AS A PERSONAL EDUCATIONAL PROJECT. This is NOT the official site of the company or brand identified on the page. The creator of this page is NOT affiliated with the company or brand in any way. This page is a personal project made in connection with an educational exercise.

Features

• Responsive design that works across desktop, tablet and mobile browsers
• Product grid displaying items with images, names, prices and ratings
• Shopping cart functionality
• Search bar for filtering products
• Order tracking page
• Checkout process

Project Structure

• index.html - Main product listing page
• orders.html - Order tracking page
• checkout.html - Shopping cart and checkout page
• styles/ - CSS files for styling
  • shared/ - Common styles used across pages
  • pages/ - Page-specific styles
• scripts/ - JavaScript modules
• data/ - Product data and other static content
• images/ - Product images and icons

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• CSS Grid/Flexbox for layouts
• Google Fonts

Getting Started

1. Clone this repository
2. Open index.html in your browser to view the project

Educational Purpose

This project was created as a learning exercise to practice frontend development skills including:

• Building responsive layouts
• Working with CSS Grid and Flexbox
• JavaScript DOM manipulation
• Managing shopping cart state
• Creating a multi-page web application