Skip to content

Latest commit

 

History

History
144 lines (91 loc) · 4.22 KB

README.md

File metadata and controls

144 lines (91 loc) · 4.22 KB
Raw

About Project

This project, a basic online e-commerce website was developed as part of my CDAC coursework. It features a user-friendly design to ensure ease of use, with a simple and intuitive interface.

Technologies Used

  • Front-end: HTML, CSS, JavaScript
  • Back-end: Node.js
  • Database: Google Firebase (NoSQL)
  • Payment Gateway: Stripe (Test mode)

Installation

  1. Clone the repository and navigate to the project directory.
  2. Install npm and other required dependencies listed below.
  3. Start the development server using: nodemon server.js.
  4. Access the application locally at http://localhost:3000/index.html.

Dependencies

  • aws
  • aws-sdk
  • bcrypt
  • dotenv
  • express.js
  • firebase
  • nodemon
  • stripe

Please Note

  1. The project does not focus on making the site fully responsive.
  2. The project is not intended for real-life use.
  3. Please do not enter sensitive information, such as personal details, bank or credit card details, etc.

Usage

  1. Signup and Login:
    • Sign up using your name, email id, mobile number, and password. Use these credentials to log in.
  2. Seller Registration:
    • If you are a seller, register with basic details about your business.
  3. Seller Dashboard:
    • Add, edit, and delete products through the seller dashboard.
  4. Customer Actions:
    • Search products, add and edit reviews, add and remove products to the cart, and proceed to checkout.

About Me

You can learn more about me and explore my other projects on my personal portfolio website.

Screenshots

Error Pages

  • 404 Error Page

    This screenshot shows the custom error page displayed when a user navigates to a non-existent URL. Error Page

Authentication Pages

  • Login Page

    Here's the login page where users can authenticate themselves to access their accounts using email id and password. Login Page

  • Signup Page

    This screenshot displays the signup page where new users can create an account using name, email id, contact number and password. Signup Page

Home Page

  • Home Page

    The main landing page of the application, showcasing featured products, best selling categories, and review section. Home Page

Seller Pages

  • Seller Registeration Page

    View of the seller page where users can register themselves as sellers by providing basic business details. Seller Registeration Page

  • Seller Dashboard

    Dashboard interface for sellers to product information. Seller Dashboard

Product Management Pages

  • Add New Product Page

    Form page for sellers to add new products to the catalog. Add New Product Page

  • Edit Product Page

    Page allowing sellers to edit existing product details. Edit Product Page

Search Pages

  • Search Results

    Display of search results based on user queries. Search Results

  • Empty Search Results

    Visual representation of the search results page when no matches are found. Empty Search Results

Product Pages

  • Product Page

    Detailed view of a product, including product details, pricing, specifications, add review section, customer reviews and similar products section. Product Page

Cart and Checkout Pages

  • Empty Cart

    View of the shopping cart when it's empty, prompting users to add items. Empty Cart

  • Cart

    The shopping cart with items added, displaying order details and options for checkout. Cart

  • Checkout

    Checkout page where users finalize their purchases and enter payment information. Checkout

Payment Pages

  • Payment Gateway

    Interface showing the payment gateway used for secure transactions, powered by Stripe. Payment Page