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

https://github.com/gokul1630/ecommerce


https://github.com/gokul1630/ecommerce

expressjs firebase jsonwebtoken material-ui mongodb react redux redux-saga

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

          

# Ecommerce Frontend

## Ecommerce App using MERN Stack
![workflow](https://github.com/gokul1630/ecommerce/actions/workflows/node.js.yml/badge.svg)
[![CodeFactor](https://www.codefactor.io/repository/github/gokul1630/ecommerce/badge)](https://www.codefactor.io/repository/github/gokul1630/ecommerce)
[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/gokul1630/ecommerce.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/gokul1630/ecommerce/context:javascript)
[![Total alerts](https://img.shields.io/lgtm/alerts/g/gokul1630/ecommerce.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/gokul1630/ecommerce/alerts/)

## This is Frontend Repo build with React, click here for backend repo

## Running This Repo Locally

### You need to create a .env file with below contents in root of the project

```
REACT_APP_BACKEND_URL=
REACT_APP_API_KEY=
REACT_APP_AUTHDOMAIN=
REACT_APP_PROJECTID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APPID=
```

## Then run npm i && npm start to start the server

## Packages Used

- react
- axios
- redux-toolkit
- redux-saga
- firebase
- material-ui
- react-bootstrap
- react-router

## Some Screenshots of this App
### Home
![Home](https://raw.githubusercontent.com/gokul1630/ecommerce/main/screenshots/Screenshot_2021-08-28_13-30-11.png)
### Product Description
![product](https://raw.githubusercontent.com/gokul1630/ecommerce/main/screenshots/Screenshot_2021-08-28_13-30-12.png)

### Cart
![cart](https://raw.githubusercontent.com/gokul1630/ecommerce/main/screenshots/Screenshot_2021-08-28_13-31-23.png)
### User Dashboard
![user-dashboard](https://raw.githubusercontent.com/gokul1630/ecommerce/main/screenshots/Screenshot_2021-08-28_13-31-34.png)
### Admin Dashoard for Adding new Product
![admin-dashboard](https://raw.githubusercontent.com/gokul1630/ecommerce/main/screenshots/Screenshot_2021-08-28_13-31-42.png)