Skip to content

A React + Vite-based e-commerce shopping site using Context API for state management. The project includes dynamic product listings, a shopping cart, and a responsive UI for a seamless shopping experience.

Notifications You must be signed in to change notification settings

HossamBasuone/Shopping-Site

Repository files navigation

🛍️ Shopping Site

A modern e-commerce platform built with React + Vite, featuring a shopping cart, wishlist, and dynamic product listings. It uses Context API for global state management and offers a fast, responsive, and user-friendly shopping experience.


🌍 Live Demo

🚀 View Live Project


Features

✔️ User Authentication – Secure login and registration system 🔑
✔️ Shopping Cart – Add, remove, and update items dynamically 🛒
✔️ Wishlist – Save favorite products for later ❤️
✔️ Context API – Efficient state management for seamless user experience 🌍
✔️ Fast Performance – Powered by Vite for quick builds and development ⚡
✔️ Responsive Design – Works across all devices 📱
✔️ Product Listings – Fetch and display products dynamically 🔍
✔️ Smooth UI & Animations – Clean design with modern aesthetics 🎨


🛠 Technologies Used

  • React – Component-based UI
  • Vite – Fast development and optimized builds
  • Context API – Global state management
  • Tailwind CSS / CSS Modules – Custom styling (if applicable)

⚙️ Installation & Running Locally

1️⃣ Clone the Repository

git clone https://github.com/HossamBasuone/Shopping-Site.git
cd Shopping-Site

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

Then, open http://localhost:5173/ in your browser.


🚀 Build for Production

To create an optimized production build:

npm run build

Here's your updated Screenshots section with improved formatting and spacing:


📸 Screenshots

🔹 Login Page – Secure login and registration

Login Page

🔹 Products Page – Browse and add items to the cart

Products

🔹 Wishlist – Save your favorite products

Wishlist

🔹 Cart Page – Review your selected items before checkout

Cart Page

🔹 Stripe Checkout – Secure payment process via Stripe

Stripe Checkout

🔹 Order History – Track your past purchases

Order History


About

A React + Vite-based e-commerce shopping site using Context API for state management. The project includes dynamic product listings, a shopping cart, and a responsive UI for a seamless shopping experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published