Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/react-shop/react-ecommerce

E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript
https://github.com/react-shop/react-ecommerce

design-system ecommerce enzyme graphql hacktoberfest hooks jest lerna monorepo nestjs nextjs provider react react-native redux shop shopping-cart storybook tests typescript

Last synced: about 2 months ago
JSON representation

E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript

Awesome Lists containing this project

README

        

# React E-commerce

This project is being restructured.

## This project is created using:

- [x] Monorepo
- [x] Lerna
- [x] Design System
- [x] NextJs (SSR)
- [ ] Hooks
- [ ] Redux Hooks
- [x] Storybook
- [x] NestJs
- [x] Graphql

## Future Features

- Home (List products)
- Detail products
- Recommended products
- Cart
- Login / Register
- Admin (Seller)
- Profile (Buyer)
- Contact Us
- Message between Seller and Buyer
- Ratings about the Seller
- Dashboard for Sellers
- Notifications
- Favorites
- Pwa
- Firebase or storage
- Socket.io
- App
- SSR

## Sitemap

```
├── Home

├── Social Media Links
│ ├── Twitter
│ ├── Instagram
│ └── Facebook

├── Shop Categories
│ ├── Mens
│ │ ├── T-Shirts
│ │ └── Caps
│ │
│ ├── Womans
│ │
│ │
│ └── News
│ └── Any

├── About Us
│ └── Out Story

├── Contact
│ ├── Info/Form
│ ├── Terms
│ └── FAQ

├── Account
│ ├── Profile
│ ├── Payment Methods
│ ├── Saved Address
│ ├── Order History
│ └── Password

├── Forms
│ ├── Login
│ ├── Register
│ ├── Forgot Password
│ └── Contact

└── Cart / Checkout
├── Cart Overview
├── Shipping Address
├── Billing Details
├── Payment Method
└── Order Summary
```

## Run the project

`yarn`

`yarn start`

Install dependencies in package: `cd packages/name && yarn add -W dependencie-name`

## Storybook for Design System

`yarn story`

## Tests

`yarn test` to run ALL packages test at the same time or `cd packages/ && yarn test`

### Lerna commands

https://lerna.js.org/

Api: https://github.com/viniarruda/elixir-ecommerce-api [Elixir]

Enjoy!