Ecommerce

Ecommerce - Welcome to my Ecommerce platform! This README file provides an overview of the platform, its features, and instructions on how to set it up and use it.

Note the project is a work in progress and might not work on all devices.

Table of Contents

Description
Links
Tech Stack
Project Setup
Usage

📝Description

Discover a world of convenience with our E-commerce website, offering a vast array of products at your fingertips. Shop securely, explore trending items, and enjoy seamless checkout experiences. With intuitive navigation finding what you need has never been easier.

Key Features:

User Authentication: Users can create accounts, log in, and manage their profiles securely.
Product Catalog: Browse and search through a wide range of products conveniently categorized for easy navigation.
Shopping Cart: Add products to your cart, update quantities, and proceed to checkout seamlessly.
Checkout Process: Secure checkout process with order confirmation.
Order Management: View order history, track orders, and manage delivery details.
Contact Us: The user can fill out a form regarding any questions or suggestions that will be directly mailed to the customer service (here owner of the repo).

🔗Links

🤖Tech-Stack

CLient (Front-end)

Server (Back-end)

Database

🛠Project-Setup

For Web-App

Clone the GitHub repo:

  git clone git@github.com:thisisPurab/Ecommerce.git

Enter into client directory, and type the following command to install all the dependencies:

  cd client
  npm install
  npm start

Set Up Environment Variables for frontend: Create a .env file in the client root directory and configure the following variables:

  REACT_APP_FIREBASE_API_KEY = <your_firebase_api_key>
  REACT_APP_FIREBASE_AUTH_DOMAIN = <your_firebase_auth_domain>
  REACT_APP_FIREBASE_PROJECT_ID = <your_firebase_project_id>
  REACT_APP_FIREBASE_STORAGE_BUCKET = <your_firebase_storage_bucket>
  REACT_APP_FIREBASE_MESSAGING_SENDER_ID = <your_firebase_messaging_id>
  REACT_APP_FIREBASE_APP_ID = <your_firebase_app_id>

To start the backend server:

  cd server
  npm install
  npm start

Set Up Environment Variables for backend: Create a .env file in the server root directory and configure the following variables:

  PORT = 8000
  STRIPE_SECRET_KEY=<your_stripe_secret_key>

💻Usage

User Registration/Login: Sign up for a new account or log in with existing credentials.
Browse Products:Explore the product catalog, search for specific items, and view detailed product information.
Add to Cart: Add products to your cart and adjust quantities as needed.
Checkout: Proceed to checkout, enter shipping and payment details, and place your order securely.
Order History: Oredrs once placed are visible on the profile page in under order history.