# IKOMART NOTES

## Core Tech Stack

1. Next JS
2. Ant Design
3. TailwindCSS
4. Fontawesome
5. Redux
6. React google maps
7. Axios + SWR
8. Husky + Commitizen (untuk format commit dengan run yarn commit/npm run commit)
9. Prettier + ESlint (Code formatter)

## Folder Structure

1. Pengelompokan folder reusable component dibagi menjadi 2
- grouping by page/component khusus halaman tertentu
- global component/component yang bisa dipakai dimana saja
3. Component grouping by page, contoh halaman cart/keranjang:
- pages
- cart.tsx
- (other pages)
- containers
- Cart
- DesktopLayout (untuk view breakpoints > 1020px)
- MobileLayout (untuk view breakpoints < 1020px)
3. Folder components, berisi global component
4. Folder constants, berisi dto dan constant variable
5. Folder context, berisi provider auth
6. Folder hooks, berisi custom hooks
7. Folder pages, berisi halaman halaman web
8. Folder layouts, berisi component container untuk wrapper halaman/pages
9. Folder redux, berisi config global state redux
10. Folder services, berisi config axios dan endpoint api
11. Folder styles, berisi global styles
12. Folder utils, berisi utility function
13. Seluruh assets images/icons berada di folder public