Folder structure (React)

Getting list activities from API

Adding activity Interface in TS

Adding Navigation Bar (navbar)

Styling react components

Adding activity dashboard

Creating an activity list

Adding the activity Details component

Adding the activity Form component

Selecting an Individual activity

Adding Edit Mode

Handling form Submission

Adding Create activity

Adding Delete functionality

• npm install uuid
• npm install @types/uuid

Update API route: Route("api/[controller]")

Create an agent.ts (Axios support)

Adding delay our API(activities) method

Adding Loading component

Adding loading indicator for submission or delete Data

Setting Up a Mobx Store (activityStore.ts)

Adding async and await in our method

Refactoring activity List

Refactoring (Create, Delete, Edit) method

Enabling Mobx strict mode

• npm install mobx mobx-react-lite

Setting up React Router

Adding NavLinks

Getting activity from API

Moving Home Page outside

Scrolling to the top of the page

Styling the activity list

Styling activity details page (Header, Info, Chat, Sidebar)

Styling activity Form

Styling Home Page

• npm install react-router-dom
• npm install @types/react-router-dom