joblessgod / figmafireproject

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

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 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.

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

Home Page

---

Item Detail Page

---

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:

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

Install dependencies with this command:

npm install

Run the application with this command:

npm run dev

Tech Stack

• MongoDB
• Express.js
• Node.js
• React.js
• Tailwind

figmafireproject's Issues

Validation System

Login Name Change in Header

logout account error

After logout your account and if I reload the page still I logged in.

Cart System at Home Page

If you just logged in and you want to add some products in cart and buy something,

• add cart btn in home page features products