Skip to content

Latest commit

Β 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ E-commerce Frontend

A modern and responsive frontend design for an e-commerce store. This project focuses on UI/UX, product listing, and interactive features without backend integration.


πŸš€ Features

  • Responsive homepage with hero section and call-to-action.
  • Product grid with images, titles, prices, and "Add to Cart" buttons.
  • Shopping cart modal with add/remove functionality (client-side only).
  • Product details page with description and reviews section.
  • Navigation bar, footer, and mobile menu toggle.

πŸ› οΈ Technologies Used

  • HTML5 – Structure
  • CSS3 / TailwindCSS / Bootstrap – Styling & responsiveness
  • JavaScript (ES6+) – Interactivity (cart, filters, navigation)

πŸ“‚ Project Structure

ecommerce-frontend/
│── index.html          # Homepage
│── products.html       # Product listing page
│── product.html        # Product details page
│── cart.html           # Cart (optional standalone)
│── style.css           # Styles
│── script.js           # JS functionality
│── README.md

βš™οΈ Setup & Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/ecommerce-frontend.git
  2. Navigate to the project folder:

    cd ecommerce-frontend
  3. Open index.html in your browser.


🌍 Live Demo

Click here to view the live demo


πŸ“Œ Future Improvements

  • Add product filtering & sorting.
  • Implement wishlist feature.
  • Integrate with a real backend (Node.js, Express, MongoDB).
  • Add user authentication (login/register).

πŸ‘¨β€πŸ’» Author

Developed by Hassan El-Deghidy Portfolio | GitHub

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages