Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/leoelicos/shopr

Fast shopping cart
https://github.com/leoelicos/shopr

apollo bcrypt gql jwt mongoose mql pwa react redux stripe

Last synced: about 1 month ago
JSON representation

Fast shopping cart

Awesome Lists containing this project

README

        

# Shopr

https://shpr.herokuapp.com/

An e-commerce MERN with Redux, GraphQL, Stripe Payments and PWA.

Users add to a shopping list that takes them to a real checkout with credit card. Without refreshing the page. They can also filter items by category by clicking on filters. They can also pay with Stripe using a credit card.

| Tech | Package |
| - | - |
| graphql client | `@apollo/client` |
| front end framework | `react` |
| state management | `redux` |
| server framework | `express` |
| authentication | `jsonwebtoken` |
| database management | `mongoose` |

## Development and Testing

```sh
git clone https://github.com/leoelicos/shopr.git
cd shopr
npm install
npm run develop
```

## Demo

https://user-images.githubusercontent.com/99461390/180640699-7b9b8f17-8962-4099-aecc-b7f5554c8442.mp4

## Screenshots

### Home

![home](https://user-images.githubusercontent.com/99461390/180640816-fede5803-4a99-4ae8-8764-75a21b5425c4.jpg)

### Detail

![detail](https://user-images.githubusercontent.com/99461390/180640818-1289eafd-d15f-4393-8234-98dd91e5b573.jpg)

### Checkout

![checkout](https://user-images.githubusercontent.com/99461390/180640820-6e6bb88f-5237-43cc-ae89-925624ccbd65.jpg)

### Success

![success](https://user-images.githubusercontent.com/99461390/180640821-c31ec290-027b-4750-a5fd-7faab8bdb08c.jpg)

## License

[MIT License](./LICENSE).