technifyed

CodeSignal via edX

Building a Modern React Frontend on a NestJS API

Overview

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.

What you'll learn

  • Build reusable React components with JSX, props, state, and TypeScript
  • Structure multi-page applications with persistent layouts and React Router
  • Integrate a React frontend with a NestJS API
  • Implement JWT-based authentication, global auth state, and protected routes
  • Fetch, cache, search, sort, and paginate server data with TanStack Query
  • Create validated forms with React Hook Form and Zod
  • Apply optimistic updates to shelf and reading-progress workflows

Advantages and disadvantages

Advantages

  • University courses you can audit for free, with lectures, readings and practice quizzes.
  • A verified certificate from the university if you pay for it.
  • Self-paced: start any time.

Disadvantages

  • Graded assignments and the certificate need the paid track.
  • Audit access can expire a few weeks after the course ends.
  • Learning is free, but the certificate costs money.
  • Some parts (graded work, certificate) are paid.

Some points apply to every course of this kind; see how we rank.

Free to audit

  • Free: Choose "Audit this course" when you enrol: lectures, readings and practice are free.
  • Paid: Graded assignments and the verified certificate (Certificate $75). Audit access may end after the course closes.

Before you start

HTML and CSS fundamentals Command line and Node.js package managers (npm) knowledge Beginner: JavaScript Programming and DOM API (React, TypeScript) Beginner: Routing, Packages, Build in SPAs (React, TypeScript) Intermediate: State Management and Dynamic Interactions (React, TypeScript)

Similar courses

Compare these

Harvard University · edX

Fundamentals of TinyML

4.567 ratings

Focusing on the basics of machine learning and embedded systems, such as smartphones, this course will introduce you to the “language” of TinyML.

Free to audit5 weeks, 2 - 4 hours per week

Harvard University · edX

Introduction to Data Science with Python

4.3174 ratings

Learn the concepts and techniques that make up the foundation of data science and machine learning.

Free to audit8 weeks, 3 - 5 hours per week

Harvard University · edX

CS50's Introduction to Computer Science

An introduction to the intellectual enterprises of computer science and the art of programming.

Free to audit12 weeks, 5 - 14 hours per week

Harvard University · edX

Data Science: Building Machine Learning Models

4.4133 ratings

Build a movie recommendation system and learn the science behind one of the most popular and successful data science techniques.

Free to audit8 weeks, 2 - 3 hours per week

Harvard University · YouTube

CS50's Mobile App Development with React Native 2018

Learning objectives This course picks up where Harvard University's CS50 leaves off, transitioning from web development to mobile app development with React Native, a popular open-source framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift.…

Free video14 videos, 22 hours

Harvard University · edX

CS50's Introduction to Programming with Python

An introduction to programming using Python, a popular language for general-purpose programming, data science, web programming, and more.

Free to audit10 weeks, 3 - 6 hours per week

Enter your email and the official page opens. Phone is optional.