intermediate

Building a Modern React Frontend on a NestJS API

Software Engineering

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

Build a full-stack reading tracker app using React and modern data-fetching tools. You’ll implement authentication, browse a book catalog, manage a personal reading shelf, and track progress while learning React Query, routing, API integration, and state management.

See courses

Start building the ShelfPilot reading tracker while learning the foundations of React. You’ll create your first components with JSX, pass data using props, and manage dynamic UI with state, all while setting up a modern development environment with TypeScript and Tailwind CSS.

Course 2

Layout, Routing, and Core UI Patterns in React

4 lessons

17 practices

Transform your app into a multi-page experience by building a persistent layout and configuring React Router. You’ll implement navigation, reusable UI components, and a searchable catalog powered by mock data while learning key patterns for structuring React applications.

See details

Course 3

API Integration and User Authentication

4 lessons

17 practices

Connect your React frontend to a backend API and implement a complete authentication system. You’ll build login and registration flows, manage JWT tokens, protect routes, and use React Context to provide global authentication state across the app.

See details

Course 4

Building a Dynamic Data Catalog

4 lessons

16 practices

Upgrade the catalog from static data to a fully dynamic interface powered by TanStack Query. You’ll fetch and cache server data, implement searching, sorting, and pagination with URL parameters, and build detailed book pages using dynamic routes.

See details

Course 5

Personalized Shelf and Progress Tracking

5 lessons

24 practices

Build a personalized reading shelf where users can track and update their progress. You’ll fetch and filter shelf data, implement optimistic updates for a smooth UX, add form validation with React Hook Form and Zod, and display reading statistics in a compact dashboard.

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 Modern React Frontend on a NestJS API

Trusted by learners working at top companies

Turn screen time into skills time

Join the 1M+ learners on CodeSignal

Certificate of Achievement

Verified skills you'll gain

From our community

Other paths you may like

From our community