codedamn logo
codedamn
Course image for 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

6 hours+ of total content
5.0
2 ratings
202 students enrolled
Course Creator: Team codedamn

Hang on...

 

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
Apr 06, 2022
Thanks for the concise explanations.
profile pic for Krishna	Vishwakarma
Apr 08, 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 codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)