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

6 hours+ of total content
5.0
(2 Reviews)
245 enrolled
Course Creator: Team codedamnLast updated 7 days ago

Goals

  • 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 lectures • 06:17:13 total duration

  Introduction (Watch video)
08:31
  Folder structure (Watch video)
07:49
  Application Routes (Watch video)
13:05
  Axios Tutorial + Environment Variables (Watch video)
10:59
  Semantic UI + React (Watch video)
13:22
  Context API Setup (Watch video)
11:33
  Semantic UI Form Registration (Watch video)
21:13
  React Authentication (Watch video)
28:18
  React Authentication Part 2 (Watch video)
15:38
  Route Protection with React (Watch video)
06:57
  Axios Auth Interceptor (Watch video)
10:52
  React Router Document Titles (Watch video)
03:22
  React Context API Tutorials (Watch video)
21:47
  React Authentication - Logout (Watch video)
08:37
  Semantic UI + React (Watch video)
16:30
  Making a POST Request (Watch video)
23:50
  React Router Prompt (Watch video)
08:23
  Custom Confirm Prompt Example (Watch video)
14:19
  Store images on firebase (Watch video)
27:55
  API Optimization (Watch video)
06:48
  Create Image Thumbnails (Watch video)
10:38
  Create Carousels (Watch video)
21:46
  Custom Carousel (Watch video)
04:02
  Search Filter - Global Search (Watch video)
13:18
  Search Filter - Enhancements (Watch video)
03:41
  Deleting Items (Watch video)
13:39
  Editing Items (Watch video)
16:35
  Lazy loading (Watch video)
04:29
  Deploying to Netlify (Watch video)
09:17

Student feedback

5.0
Course Rating

100%

0%

0%

0%

0%

Reviews

profile pic for Samson Lasode
Samson Lasode(@sammielas)
Apr 06, 2022
Thanks for the concise explanations.
profile pic for Krishna Vishwakarma
Krishna Vishwakarma(@krishnavishwa)
Apr 03, 2022
An amazing and fast phase course to give some insights into real-world applications on React.

Your Course Instructor

Course Instructor Image

Team codedamn

Official courses from codedamn team

Hi! We're team codedamn - and we are developers, creators, designers building the best interactive programming courses on the planet. Sign up for a free account on codedamn to stay in touch.

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

Free

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback

Pro

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback
Start 3-Day Free Trial