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

MERN-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: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/aditokmoo/e-commerce
• Owner: aditokmoo
• Created: 2023-11-29T16:43:30.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2025-01-22T12:14:41.000Z (about 1 year ago)
• Last Synced: 2025-01-22T13:27:58.146Z (about 1 year ago)
• Topics: axios, mongodb, nodejs, react, react-form-hook, scss, tanstack-react-query, typescript
• Language: TypeScript
• Homepage:
• Size: 4.43 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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.