intermediate

Building a To-Do App with React

Software Engineering

4 courses

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.

See courses

Verified skills you'll gain

INTERMEDIATE

Interacting with Back-end and APIs

INTERMEDIATE

JavaScript Programming and DOM API

Tools you'll use

React

Trusted by learners working at top companies

Turn screen time into skills time

Practice anytime, anywhere with our mobile app.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

Course 2

Fetching Data from the API with React

4 lessons

9 practices

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.

See details

Course 3

Authentication & Session Management

3 lessons

8 practices

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.

See details

Course 4

Implementing Advanced Features for Todo App

2 lessons

5 practices

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.

See details

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

Building a To-Do App with React

Verified skills you'll gain

Trusted by learners working at top companies

Turn screen time into skills time

Join the 1M+ learners on CodeSignal

Certificate of Achievement

From our community

Other paths you may like

From our community