Instruction

Stack

• TypeScript for Type Safe
• React JS (Next JS) as a Framework
• Chakra UI as Component Library
• React Query for Server State Management
• Redux for App State Management

Requirements

• Node JS v12.18.0
• TypeScript Compiler 3.9.5

Install and Run

Open terminal and navigate to Project directory then install the dependency with yarn

yarn

wait until installation complete, then run the project with

yarn dev

Folder Structure

1. public
2. src
   1. components => Reusable Component accrose the project
   2. containers => Handle UI and Logic
   3. interfaces => API types / interface
   4. libs => API Request, Hooks
   5. pages => Next JS page / routes