Build and Deploy 5 React Applications (w/ hooks, MUI, etc.)

Build and Deploy 5 React Applications (w/ hooks, MUI, etc.)

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 70 lectures (3h 30m) | 1.75 GB

Build and deploy 5 React applications (w/ hooks, MUI, etc.). then create a portfolio website to show the projects.

In this course we will be building and deploying 5 React projects, then we will create a portfolio website to show the projects built.

When working on the projects we will also cover how to use relevant technologies like Material UI, react-bootstrap, Mantine, react-router, axios, and more.

These are the applications we will build / create in this course

  • Quiz App (React, Material UI, etc.)
  • Quote Generator App (React, Mantine, Quotable API, etc.)
  • Movies Watchlist (React, Material UI, axios, React Router, LocalStorage, etc.)
  • Image Recognition App (React, react-bootstrap, Clarifai API, expressjs, etc.)
  • Posts Manager (React, Material UI, JSONPLaceholder, axios, etc.)
  • Portfolio Website (Simplefolio)

We will be covering the following topics during development

  • Using components from Material UI
  • Using components from Mantine
  • Using components from react-bootstrap
  • Interacting with JSONPlaceholder for common operations like create, read, update, and delete
  • Using axios to make network requests to backend APIs
  • Interact with various third party APIs
  • Deploying applications to Netlify
  • Deploying applications to Heroku
  • etc.

This course is for you if

  • You are a beginner in React and want to build practical projects with it
  • You are already familiar with React but want to try out some of the UI frameworks covered in this course
    you want to improve your current portfolio

What you’ll learn

  • Build and Deploy React React Projects
  • Material UI
  • Deploying React Projects
  • React Router
  • LocalStorage
  • Mantine
Table of Contents

Introduction
1 Welcome
2 Tools Installation

Quiz App
3 Intro
4 Setup
5 Question Card
6 Questions Data
7 Track Answers
8 Result
9 Deployment
10 Source Code

Quote Generator App
11 Intro
12 Setup
13 Testing API
14 Display Quote
15 Text To Speech
16 Copy Quote
17 Tweet Quote
18 Minor Fix
19 Deployment
20 Source Code

Movies Watch List
21 Intro
22 Setup
23 Getting an API Key
24 Navbar
25 Search Movies
26 Notes on next lecture
27 Movie Cards List
28 React Router Setup
29 Saving Movies
30 Display Saved Movies
31 Remove Movies
32 Message Prompt
33 Prepare for Deployment
34 Deployment
35 Source Code

Image Recognition App
36 Intro
37 Notes on next lecture
38 Setup
39 Develop first API
40 Testing with Postman
41 Front End Setup
42 Integrate with first API
43 Display Outputs
44 Develop second API
45 Test second API with Postman
46 Integrate with second API
47 Navbar
48 Deployment
49 Source Code

Posts Manager
50 Intro
51 Setup
52 Intro to JSONPlaceholder
53 Difference between PATCH and PUT
54 Testing APIs with Hoppscotch (Optional)
55 Listing posts
56 Create a post
57 Update a post
58 Delete a post
59 Search posts
60 useMemo Usage
61 Snackbar Notification
62 Loading Indicator
63 Fixing Posts Creation Bug
64 Deployment
65 Source Code

Portfolio App
66 Intro
67 Setup
68 Updates
69 Assets, Source Code, Extra Notes
70 Congratulation!

Homepage