https://github.com/siddheshrm/e-commerce

This project 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. The front-end utilizes HTML, CSS, and JavaScript. For the backend, we've used Node.js, with Google Firebase (NoSQL) as our database and Stripe as our payment gateway.
https://github.com/siddheshrm/e-commerce

cdac cdacblr e-commerce e-commerce-project e-commerce-website onlineshopping onlineshoppingwebsite

Last synced: 7 days ago
JSON representation

This project 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. The front-end utilizes HTML, CSS, and JavaScript. For the backend, we've used Node.js, with Google Firebase (NoSQL) as our database and Stripe as our payment gateway.

• Host: GitHub
• URL: https://github.com/siddheshrm/e-commerce
• Owner: siddheshrm
• Created: 2024-07-04T09:45:20.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-15T05:27:06.000Z (5 months ago)
• Last Synced: 2024-11-08T03:40:40.695Z (about 2 months ago)
• Topics: cdac, cdacblr, e-commerce, e-commerce-project, e-commerce-website, onlineshopping, onlineshoppingwebsite
• Language: JavaScript
• Homepage:
• Size: 39.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://siddheshmestri.online).

## 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](public/screenshots/404-page.png)

### 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](public/screenshots/login.png)

- **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](public/screenshots/signup.png)

### Home Page

- **Home Page**

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

  ![Home Page](public/screenshots/home-page.jpg)

### 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](public/screenshots/seller-registration.png)

- **Seller Dashboard**

  Dashboard interface for sellers to product information.

  ![Seller Dashboard](public/screenshots/seller-dashboard.png)

### Product Management Pages

- **Add New Product Page**

  Form page for sellers to add new products to the catalog.

  ![Add New Product Page](public/screenshots/add-new-product.png)

- **Edit Product Page**

  Page allowing sellers to edit existing product details.

  ![Edit Product Page](public/screenshots/edit-product.png)

### Search Pages

- **Search Results**

  Display of search results based on user queries.

  ![Search Results](public/screenshots/search-results.png)

- **Empty Search Results**

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

  ![Empty Search Results](public/screenshots/search-results-empty.png)

### 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](public/screenshots/product-details.png)

### Cart and Checkout Pages

- **Empty Cart**

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

  ![Empty Cart](public/screenshots/empty-cart.png)

- **Cart**

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

  ![Cart](public/screenshots/cart.png)

- **Checkout**

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

  ![Checkout](public/screenshots/checkout.png)

### Payment Pages

- **Payment Gateway**

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

  ![Payment Page](public/screenshots/payment-page.png)