Vigyata.AI
Is this your channel?

React Expense Tracker App - Build & Deploy A React Firebase Beginner Project

62.0K views· 1,412 likes· 115:28· Sep 6, 2023

🛍️ Products Mentioned (12)

The first 1000 people to click on the link will get 1 month free trial of Skillshare https://skl.sh/pedrotech08231 In this video we build an expense tracker app using react and firebase. Code: https://github.com/machadop1407/expense-tracker-firebase-react Join our Discord: https://discord.gg/WE92Cqs6Vk 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Website: machadopedro.com Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: pedro@pedrotech.co 🌟 Gear / Hardware I Use and Recommend 🌟 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💻 https://amzn.to/42kqFuM 💻 Monitor 🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse 📷 https://amzn.to/3OHJvbM 📷 My Camera 🎤 https://amzn.to/3oxSthj 🎤 My Microphone ⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone ⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background Tags: - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial EXPENSE TRACKER TIMESTAMPS 00:00 | Intro 01:19 | Project Demo 06:16 | Creating the React App 06:38 | Project Organization 09:47 | Package Installation 10:44 | Initializing Firebase 12:44 | Setting up Firebase Authentication 17:39 | Setting up React Router 21:56 | Creating the Auth Component 32:05 | Expense Tracker Page 38:46 | Setting Up Firestore 17:57 | Adding style to the project 26:00 | Practice Exercise: Adding more functionality 26:27 | Solution to Exercise 38:50 | Routing Authenticated Users 41:39 | Deploying the Application #reactjs #firebase

🎬 More from PedroTech