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 students enrolledCourse 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:
- Introduction to React
- Functional Components
- Routing
- APIs
- Deployment
- Optimization and code enhancements
- Semantic UI
- 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
Apr 03, 2022
An amazing and fast phase course to give some insights into real-world applications on React.
Your Course Instructor
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.
What you will get:
- 6 hours+ on-demand video content
- This + all other courses access (Pro)
- 24x7 mentorship available
- In-browser IDE to practice
- Certificate of completion
Secure Payment


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