Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

API Integration and User Authentication

via CodeSignal

Go to class Write review

Overview

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.

Syllabus

  • Unit 1: Setting Up API Client
    • Observing the API Client and HomePage Integration
    • Implementing the API Client
    • Implementing the HomePage Return UI
    • Implementing the API Status useEffect
  • Unit 2: Login Flow and Protected Routes
    • Observing the Login Flow and Protected Routes
    • Implementing Token Storage Utilities
    • Adding Login and Protected Shelf Routes
    • Building the LoginForm Component
  • Unit 3: Building the Registration Flow
    • Observing the Registration Flow
    • Adding the Register Route and Page
    • Adding State and Submit Logic to RegisterForm
    • Wiring Up the RegisterForm UI
  • Unit 4: Creating Authentication Context
    • Observing the Authentication Context
    • Implementing Auth-Based Navigation in App.tsx
    • Wrapping App with AuthProvider and Creating ProtectedRoute
    • Implementing LoginForm Submission Logic
    • Mastering the AuthContext

Reviews

Start your review of API Integration and User Authentication

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.