https://github.com/joblessgod/figmafireproject

Demonstration of an ecommerce website using React, Express, Node.js & MongoDB.
https://github.com/joblessgod/figmafireproject

e-commerce expressjs mongodb-database nodejs simple-website

Last synced: about 1 month ago
JSON representation

Demonstration of an ecommerce website using React, Express, Node.js & MongoDB.

• Host: GitHub
• URL: https://github.com/joblessgod/figmafireproject
• Owner: joblessgod
• Created: 2024-04-15T19:46:14.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-19T16:52:08.000Z (8 months ago)
• Last Synced: 2024-05-19T17:51:16.007Z (8 months ago)
• Topics: e-commerce, expressjs, mongodb-database, nodejs, simple-website
• Language: JavaScript
• Homepage: https://figmafire.vercel.app
• Size: 32.5 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# E-commerce Demo

This is a sample application that demonstrates an E-commerce website using the MERN stack. The application loads 

products a MongoDB database and displays them. Users can select to display products in a single category. Users can 

click on any product to get more information including pricing, reviews and rating. Users can select items and 

add them to their shopping cart

## Import Data

I have included a data folder in this repo. Inside that folder will be 2 folders called cart and item. These 2 folders contain a mongodump of the 2 collections that I use in this ecommerce demo. You can use the [import-data.sh](data/import-data.sh) script to import these 2 dumps to an ecommerce database, then you will have the same content that I have for this demo.

## Live Demonstration

The E-commerce demo can be [viewed online here](https://figmafire.vercel.app/).

Here are screenshots that show the E-commerce demo application in use.

**Home Page**

![Home Page](/src/screenshots/home.png "Optional Title")

---

**Item Detail Page**

![Item Detail](/screenshots/itemDetail.png?raw=true "Optional Title")

---

**Shopping Cart**

![Shopping Cart](/screenshots/shoppingCart.png?raw=true "Shopping Cart")

## Getting Started

To get started  you can simply clone this `ecommerce-demo` repository and install the dependencies.

Clone the `ecommerce-demo` repository using git:

```bash

git clone https://github.com/joblessgod/FigmaFireProject

```

Install dependencies with this command:

```bash

npm install

```

Run the application with this command:

```bash

npm run dev

```

## Tech Stack

* MongoDB

* Express.js

* Node.js

* React.js

* Tailwind