Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build an Expense Tracker App with React and Firebase

PedroTech via YouTube

Overview

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

Reviews

Start your review of Build an Expense Tracker App with React and Firebase

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.