MIT Sloan: Lead AI Adoption Across Your Organization — Not Just Pilot It
Build AI Apps with Azure, Copilot, and Generative AI — Microsoft Certified
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Build a comprehensive expense tracker application in this hands-on tutorial that guides through creating a full-stack React application integrated with Firebase. Learn essential web development concepts by implementing user authentication, real-time database management with Firestore, and responsive UI design. Master the process of setting up a React project, organizing components, installing necessary packages, and configuring Firebase services. Practice building the authentication system, creating protected routes, designing the expense tracking interface, and implementing CRUD operations for managing financial transactions. Enhance the application with custom styling and deploy the finished product to a live environment. Perfect for developers looking to strengthen their React and Firebase skills through practical, project-based learning.
Syllabus
| Intro
| Project Demo
| Creating the React App
| Project Organization
| Package Installation
| Initializing Firebase
| Setting up Firebase Authentication
| Setting up React Router
| Creating the Auth Component
| Expense Tracker Page
| Setting Up Firestore
| Adding style to the project
| Practice Exercise: Adding more functionality
| Solution to Exercise
| Routing Authenticated Users
| Deploying the Application
Taught by
PedroTech