SwiftShop User Panel

This project is the user-facing panel of the SwiftShop e-commerce website. It allows customers to browse products, manage their shopping cart, and process payments.

Table of Contents

• Features
• Technologies Used
• Installation
• Usage

Features

• Home Page:

  • Displays a featured product and new arrivals.

• All Products Page:

  • Shows all products listed by the admin.

  • Clicking on a product shows its detailed page with images, description, price, and an option to add it to the cart.

• Cart Page:

  • Displays all products added to the cart.
  • Allows users to increase or decrease product quantities directly from the cart.
  • Shows billing information.
  • Users can enter their billing address and proceed to payment.

• Payment:

  • Payment processing using Stripe.

Technologies Used

• Next.js: React framework for server-rendered applications.
• Styled-Components: CSS-in-JS library for styling components.
• Stripe: Payment processing platform for validating payments.

Installation

1. Clone the repository:

   git clone https://github.com/nikkittaa/ecommerce-front.git

2. Navigate to the project directory:

   cd ecommerce-front

3. Install the dependencies:

   npm install

Usage

1. Start the development server:

   npm run dev

2. Open your browser and go to http://localhost:3000 to access the user panel.