- Frontend learning path Become a frontend React web developer by learning through interactive courses
- Backend learning path Become a backend developer by learning through interactive courses
- Full-stack learning path PopularBecome a full-stack web developer by learning through interactive courses
- Web 3.0 And Blockchain BetaStart your Web 3.0 journey building with ethereum, solidity, and more
Start a practice playground
Practice anything inside browser without any download/setup
Build a project
Build projects, get community feedback and gain confidence
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 total content
5.0
2 ratings
183 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:
- 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 08, 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.
Hang on...
Course content:
- 6 hours+ on-demand video content
- This course + all other courses access (codedamn Pro)
- Full lifetime access (Purchase without codedamn Pro)
- Certificate of completion
Secure Payment
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