An open API service indexing awesome lists of open source software.

https://github.com/aditokmoo/E-commerce

🌐 E-commerce is a full-stack application built on the MERN stack (MongoDB, Express, React, Node.js). This project aims to deliver a seamless shopping experience with essential features such as product listings, user authentication, and a shopping cart.
https://github.com/aditokmoo/E-commerce

axios mongodb nodejs react react-form-hook scss tanstack-react-query typescript

Last synced: 7 months ago
JSON representation

🌐 E-commerce is a full-stack application built on the MERN stack (MongoDB, Express, React, Node.js). This project aims to deliver a seamless shopping experience with essential features such as product listings, user authentication, and a shopping cart.

Awesome Lists containing this project

README

          

# Cyber | E-commerce

Welcome to the Cyber | E-commerce repository! This guide will help you get started with setting up the project and running it on your local machine.

## Getting Started

### Prerequisites

Make sure you have the following installed on your system:

- **Git**
- **Node.js**
- **npm**

### Clone the repository

1. Clone the project repository using the following command:

```bash
https://github.com/aditokmoo/MERN-E-commerce

```

2. **Navigate to the project folder**:

```bash
cd repo-name

```

3. **Navigate to the client folder and install the dependencies**:

```bash
cd frontend
npm install

```

4. **Do the same for the backend folder**:

```bash
cd backend
npm install

```

5. **Running the project**:

- Start the client:

```bash
cd frontend
npm run dev

```

- Start the backend:
```bash
cd backend
npm run dev
```

The frontend and backend should now be running locally.

## Screenshots

Here are some images to showcase the project

1. Home
![Home](public/images/Home.png)

2. Catalog
![Catalog](public/images/Catalog.png)

3. Product
![Product](public/images/Product.png)

4. Admin
![Admin](public/images/Admin.png)

note: project is in progress...

## Technologies Used

- **Frontend**: React, Typescript, Axios, React Form Hook, Tanstack React Query, SCSS.
- **Backend**: Node.js, Express, MongoDB.