Building a To-Do App with React

Overview

Build a complete React Todo App from scratch—starting with project setup and basic UI, adding routing and Material-UI, fetching data via APIs, implementing authentication with JWT and Context, and enhancing UX with filtering, sorting, and pagination.

Syllabus

Course 1: Initializing a React Project with a Simple UI
Course 2: Fetching Data from the API with React
Course 3: Authentication & Session Management
Course 4: Implementing Advanced Features for Todo App

Courses

0 reviews
2 hours
View details

The course will focus on setting up the project and building the basic UI. We'll use Vite to create a new React project and show basic hardcoded data in the UI.
0 reviews
1 hour
View details

The course will focus on fetching data from the API and displaying it in the UI. We'll use the `fetch` API to make API calls and display the data in the to-do list.
0 reviews
1 hour
View details

The course will focus on implementing authentication and session management in the app. We'll use JWT tokens for authentication and implement session management using React Context API.
0 reviews
1 hour
View details

The course will focus on adding advanced features to the app, such as filtering and sorting to-do items. We'll use the `sort` and `search` query parameters to filter and sort the to-do items.