lallaheeee / react-shopping-cart

Welcome to shopping cart 👋

Tech Stack

React + TypeScript + styled-components + Storybook + hooks API

preview

폴더 구조

src
├── apis							  # API 요청 레이어
├── components
│   ├── App.tsx
│   ├── GlobalStyle.tsx
│   ├── Router.tsx          ## Router
│   ├── UI
│   │   ├── atoms					  # atoms + molecules
│   │   │   ├── CouponSection
│   │   │   ├── EmptyCart
│   │   │   ├── Pagination
│   │   │   ├── PaymentAmountSection
│   │   │   ├── ProductCard
│   │   │   ├── ShoppingCartItem
│   │   └── blocks					  # organims
│   │   │   ├── ProductCartTabs
│   │   │   ├── ProductList
│   │   │   └── ShoppingCartTable
│   │   └── layouts
|   |
│   └── pages
│       ├── BaseTemplate.tsx
│       ├── Product
│       │   └── useProductList		  # page에서만 쓰이는 hooks
│       └── ShoppingCart
├── lib                     ## 외부 라이브러리
│ 
├── contexts
│   └── ShoppingCarts
│ 
├── hooks							  # 공통 hooks
│   └── useFetch
│ 
└── types							  # domain과 관련된 type
    └── index.ts

📕 storybook

Install

yarn install

Usage

yarn server  # start json-server
yarn start   # start react

Run Storybook

yarn storybook

Author

👤 @lallaheeee

• Website: https://lallaheeee.github.io/
• Github: @lallaheeee

Show your support

Give a ⭐️ if this project helped you!

---

This README was generated with ❤️ by readme-md-generator