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/<package-name> && yarn test

Lerna commands

https://lerna.js.org/

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

Enjoy!