Course image for React Contact App
Free preview before enrolling

React Contact App

Learn how to create an end-to-end app with React using Firebase and deploy it to Netlify in this short course

5.0
(2 ratings)
279 enrolled
Course Instructor: JarvisLast updated 09/2023

Course Outcomes

  • React Fundamentals
  • Using Firebase + React
  • Deploying to Netlify
  • File uploading and processing
  • Complete application tutorial
  • Semantic UI for the UI Components

Description

React is a very popular technology, and you can now learn to code in React by building a real world application and deploying it online on Netlify.

This course would cover the core of how to build things with React, with Firebase being used as a backend tool to handle file uploads and enhancements. We'll be covering a lot of stuff in this project, including:

  1. Introduction to React
  2. Functional Components
  3. Routing
  4. APIs
  5. Deployment
  6. Optimization and code enhancements
  7. Semantic UI
  8. And more!

Let's start!

Course Structure

29 lectures6h 17m total duration

  Introduction (Watch video)
8min
  Folder structure (Watch video)
7min
  Application Routes (Watch video)
13min
  Axios Tutorial + Environment Variables (Watch video)
10min
  Semantic UI + React (Watch video)
13min
  Context API Setup (Watch video)
11min
  Semantic UI Form Registration (Watch video)
21min
  React Authentication (Watch video)
28min
  React Authentication Part 2 (Watch video)
15min
  Route Protection with React (Watch video)
6min
  Axios Auth Interceptor (Watch video)
10min
  React Router Document Titles (Watch video)
3min
  React Context API Tutorials (Watch video)
21min
  React Authentication - Logout (Watch video)
8min
  Semantic UI + React (Watch video)
16min
  Making a POST Request (Watch video)
23min
  React Router Prompt (Watch video)
8min
  Custom Confirm Prompt Example (Watch video)
14min
  Store images on firebase (Watch video)
27min
  API Optimization (Watch video)
6min
  Create Image Thumbnails (Watch video)
10min
  Create Carousels (Watch video)
21min
  Custom Carousel (Watch video)
4min
  Search Filter - Global Search (Watch video)
13min
  Search Filter - Enhancements (Watch video)
3min
  Deleting Items (Watch video)
13min
  Editing Items (Watch video)
16min
  Lazy loading (Watch video)
4min
  Deploying to Netlify (Watch video)
9min

Featured Review

Profile picture for Krishna	Vishwakarma
Krishna Vishwakarma

@krishnavishwa

5.0
Apr 03, 2022
An amazing and fast phase course to give some insights into real-world applications on React.
Was this review helpful?

Student feedback

5.0
Course Rating

100%

0%

0%

0%

0%

Reviews

Profile picture for Samson Lasode
Apr 06, 2022
Thanks for the concise explanations.
Helpful?

Course Instructor

Jarvis
Making world a better place for aspiring developers
Jarvis
4.7 Instructor rating
21.1k Ratings
186.8k Students
41 Courses

We are a team of developers, creators, designers trying to build the best interactive programming courses here.View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro