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

Focused View

Harvey Winters

3:28:05

4 View

1. Introduction

1. Welcome.mp4

01:20

2. Tools Installation.html

2. Quiz App

1. Intro.mp4

01:01

2. Setup.mp4

03:30

3. Question Card.mp4

08:25

4.1 questions.zip

4. Questions Data.html

5. Track Answers.mp4

04:54

6. Result.mp4

05:54

7. Deployment.mp4

01:33

8. Source Code.html

3. Quote Generator App

1. Intro.mp4

01:35

2. Setup.mp4

02:05

3. Testing API.mp4

02:15

4. Display Quote.mp4

05:47

5. Text To Speech.mp4

04:21

6. Copy Quote.mp4

02:22

7. Tweet Quote.mp4

01:00

8. Minor Fix.html

9. Deployment.mp4

01:34

10. Source Code.html

4. Movies Watch List

1. Intro.mp4

01:14

2. Setup.mp4

02:40

3. Getting an API Key.html

4. Navbar.mp4

05:58

5. Search Movies.mp4

09:12

6. Notes on next lecture.html

7.1 movielistitemstarter.zip

7. Movie Cards List.mp4

04:43

8. React Router Setup.mp4

04:14

9. Saving Movies.mp4

04:05

10. Display Saved Movies.mp4

02:30

11. Remove Movies.mp4

10:08

12. Message Prompt.mp4

01:57

13.1 app.zip

13. Prepare for Deployment.mp4

05:03

14. Deployment.mp4

03:38

15. Source Code.html

5. Image Recognition App

1. Intro.mp4

01:41

2. Notes on next lecture.html

3.1 app.zip

3. Setup.mp4

02:07

4. Develop first API.mp4

05:06

5. Testing with Postman.mp4

01:01

6. Front End Setup.mp4

01:42

7. Integrate with first API.mp4

05:06

8. Display Outputs.mp4

05:41

9. Develop second API.mp4

02:26

10. Test second API with Postman.mp4

00:55

11. Integrate with second API.mp4

07:57

12. Navbar.mp4

01:24

13. Deployment.mp4

04:50

14. Source Code.html

6. Posts Manager

1. Intro.mp4

01:46

2. Setup.mp4

04:56

3. Intro to JSONPlaceholder.mp4

01:07

4. Difference between PATCH and PUT.html

5. Testing APIs with Hoppscotch (Optional).mp4

03:07

6. Listing posts.mp4

05:45

7. Create a post.mp4

13:31

8. Update a post.mp4

06:08

9. Delete a post.mp4

03:12

10. Search posts.mp4

04:43

11. useMemo Usage.html

12. Snackbar Notification.mp4

03:38

13. Loading Indicator.mp4

02:42

14. Fixing Posts Creation Bug.mp4

02:27

15. Deployment.mp4

01:23

16. Source Code.html

7. Portfolio App

1. Intro.mp4

00:53

2. Setup.mp4

01:30

3.1 preview-quiz-app.zip

3. Updates.mp4

08:23

4.1 assets.zip

4.2 index.html

4. Assets, Source Code, Extra Notes.html

5. Congratulation!.html

Description

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

What You'll Learn?

Build and Deploy React React Projects
Material UI
Deploying React Projects
React Router
LocalStorage
Mantine
react-bootstrap

Who is this for?

Developers who want to improve their React skills / knowledge

Developers who want to participate in practical projects

What You Need to Know?

Some Javascript and React experience

More details

Description
Welcome to the course!

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

Prerequisites
Have some knowledge on how to work with Javascript and React

Please check out the free preview videos as well and you can try out the course risk-free as you can refund the course within 30 days, no questions asked.
Who this course is for:
Developers who want to improve their React skills / knowledge
Developers who want to participate in practical projects

User Reviews

Rating

average 0

Total votes0

Focused display

React

Harvey Winters

Instructor's Courses

Hi there, I am a software engineer and I spend most of my time developing applications and learning relevant technologies.I have explored and developed various applications throughout the years using mainly Python and JavaScript.I am more than happy to share what I have learned so far, the topics I am considering covering include web applications development, mobile apps development, and more.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.