Project Structure

src/
├── components/         # Reusable components
├── pages/              # Pages of app
├── router/             # To handle routing
├── store/              # Zustand store
├── tests/              # All the tests

Libraries Used

Framework               React + TypeScript
Styling                 Tailwiind
State Management        Zustand
Mock Server             Json Server
HTTP                    Fetch
Tests                   Jest

Setup

Install dependencies

bun install

To Start App

bun dev

The app will start on http://localhost:5173

To Start Server

bun server

The server runs on http://localhost:3001

Login with test user

username: test
password: test123

To Run Tests

bun test

Enpoints

Login                   Post /login
Fetch All Tasks         Get /tasks
Add New Task            Post /tasks
Edit Task               Put /tasks/:id
Delete Task             Delete /tasks/:id