Skip to content

Repository files navigation

⚡ Esproforce Chip Project

This is a fully functional E-commerce Shop Application developed as per the assignment requirements.
It is similar to Test Shop and uses the official API base path:
👉 https://shop.sprwforge.com/


🌐 Live Demo

🔗 Visit the Project


🚀 Features

  • 📂 Sidebar with Categories → Displays categories with children. On click, products load by category.
  • 🛒 Shop List → Right part shows all products.
  • 🔍 Search Input → Search products by query.
  • 📄 Product Details Page → Shows detailed information for a selected product.
  • Add to Cart → Add selected products to the cart.
  • 🛒 Cart Details → Shows cart items with name, price, and quantity.
  • 🔼🔽 Increment/Decrement → Update product quantity in the cart.
  • 🔑 User Login → Authentication system with secure login.
  • 🏠 Add Address → Users can add shipping address.
  • 💳 Checkout → Final purchase step with cart + address.

🛠️ Tech Stack

  • ⚛️ React (Vite + TypeScript)
  • 🎨 Tailwind CSS (responsive design)
  • 🔄 Redux Toolkit (state management)
  • 🔥 Authentication (user login)
  • 🌐 REST API integration (https://shop.sprwforge.com/)
  • 🎬 Framer Motion (animations)

⚙️ Installation

  1. Clone the repository
    git clone https://github.com/Nayeem0011/SPRWFORGE_ONLINE_SHOPPING_PROJECT.git
    
  2. Navigate to the project folder
    cd SPRWFORGE_ONLINE_SHOPPING_PROJECT
    
  3. Install dependencies
    npm install
    
  4. Run the project
    npm run dev
    

🏠 Home Page

Home

🛒 Details Page

Details Page

🛒 Cart Page

Cart

About

Visit Site

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages