React Contact App

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

New Course
Course Instructor: Mehul Mohan

Course Outcomes

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

Course Structure

29 lectures6h 17m total duration

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

About This Course

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!

Used by learners at

Microsoft
Amazon
Google

Featured Review

Profile picture for Krishna	Vishwakarma
Krishna Vishwakarma

@krishnavishwa

5.0
An amazing and fast phase course to give some insights into real-world applications on React.

Student Feedback

5.0
Course Rating

100%

0%

0%

0%

0%

Reviews

Profile picture for Samson Lasode
Samson Lasode
Apr 06, 2022
Thanks for the concise explanations.
Profile picture for Krishna	Vishwakarma
Krishna Vishwakarma
Apr 03, 2022
An amazing and fast phase course to give some insights into real-world applications on React.

Course Instructor

Mehul Mohan
Building coding courses on codedamn
Mehul Mohan
4.6 Instructor rating
23.3k Ratings
228.3k Students
47 Courses

Me alongside a team of developers, creators, designers are building 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