codedamn header logo
Course image for React Contacts App

React Contacts 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 content
0.0
0 ratings
58 developers learning
Creator: Mehul Mohan
Start

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

All Videos

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

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a 1337 plan for advanced and accelerated learning!

Plan Zero

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Plan 1337

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become 1337 Member