Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/phondani0/e_store

Ecommerce Store application (PWA) build with Node.js, GraphQL, React.js, Redux, Prisma (ORM), PostgresSQL, and React-admin
https://github.com/phondani0/e_store

apollographql ecommerce-store graphql hacktoberfest javascript material-ui mongodb nodejs postgressql prisma2 progressive-web-app pwa react react-admin reactjs redux

Last synced: 12 days ago
JSON representation

Ecommerce Store application (PWA) build with Node.js, GraphQL, React.js, Redux, Prisma (ORM), PostgresSQL, and React-admin

Awesome Lists containing this project

README

        


E - Store



Node.js, GraphQL, React.js, Redux, Prisma (ORM), PostgresSQL, and React-admin

[![GitHub license](https://www.gnu.org/graphics/gplv3-with-text-136x68.png)](https://github.com/facebook/react/blob/master/LICENSE)

[![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react)

![](https://visitor-badge.laobi.icu/badge?page_id=phondani0.ecommerce_store)

Ecommerce Store application build with Node.js, GraphQL, React.js, Redux, Prisma (ORM), PostgresSQL, and React-admin

# Features!

- Add / Update / Delete Products
- Add / Update / Delete Orders
- Add / Update / Delete Cart
- Add / Update / Delete Users

### Tech
E - Store uses a number of open source projects to work properly:

* [NodeJS](https://nodejs.org/) - A JavaScript runtime built on Chrome's V8 JavaScript engine.

* [ReactJS](https://reactjs.org/) - A JavaScript library for building user interfaces.

* [Redux](https://redux.js.org/) - An open-source JavaScript library for managing application state.

* [GraphQL](https://graphql.org/) - An open-source data query and manipulation language for APIs,

* [PostgreSQL](https://www.postgresql.org/) - PostgreSQL, A free and open-source relational database management system.

### Installation

E - Store requires [Node.js](https://nodejs.org/) to run.

Set environment variables

```sh
$ git clone https://github.com/phondani0/ecommerce_store.git

$ Create a .env file in your server and client folder
$ See the .env sample
create a postgresql database and add your connection string into .env file
```

Install the dependencies and devDependencies

Start the server.

```sh
$ cd server
$ npm install
$ `npx prisma migrate dev --name ` or `npx prisma db push`
$ npm start
```

Start the client.

```sh
$ cd client
$ npm install
$ npm start
```

### Plugins

E - Store is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

### Server

| Plugin | README |
| ------ | ------ |
| bcryptjs | [plugins/bcryptjs/README.md](https://github.com/dcodeIO/bcrypt.js/blob/master/README.md) |
| jsonwebtoken | [plugins/jsonwebtoken/README.md](https://github.com/auth0/node-jsonwebtoken/blob/master/README.md) |
| multer | [plugins/multer/README.md](https://github.com/expressjs/multer/blob/master/README.md)|
| nodemailer | [plugins/nodemailer/README.md](https://github.com/nodemailer/nodemailer/blob/master/README.md) |
| nodemon | [plugins/nodemon/README.md](https://github.com/remy/nodemon/blob/master/README.md) |

### Client

| Plugin | README |
| ------ | ------ |
| fullcalendar | [plugins/fullcalendar/README.md](https://github.com/fullcalendar/fullcalendar/blob/master/README.md) |
| material-ui | [plugins/material-ui/README.md](https://github.com/mui-org/material-ui/blob/master/README.md) |
| moment | [plugins/moment/README.md](https://www.npmjs.com/package/@date-io/moment?activeTab=readme) |
| jspdf | [plugins/jspdf/README.md](https://github.com/MrRio/jsPDF) |
| react | [plugins/react/README.md](https://github.com/facebook/react/blob/master/README.md) |
| react-facebook-login | [plugins/react-facebook-login /README.md](https://github.com/keppelen/react-facebook-login/blob/master/README.md) |
| react-google-login | [plugins/react-google-login/README.md](https://www.npmjs.com/package/react-google-login) |
| react-redux | [plugins/react-redux/README.md](https://github.com/reduxjs/react-redux) |
| react-router-dom | [plugins/react-router/README.md](https://github.com/ReactTraining/react-router/blob/master/README.md) |
| react-slick | [plugins/react-slick/README.md](https://github.com/akiran/react-slick) |
| redux | [plugins/redux/README.md](https://github.com/reduxjs/redux)|

### Todos

- Add Light Mode / More themes

# Screenshots!

Home Page

![Home Page](https://res.cloudinary.com/estore-cloud/image/upload/v1726693507/estore_ahy7aw.png)

License
----

MIT