https://tube.grossholtz.net/videos/watch/63b1e797-fcfa-4cbe-8f1f-1cb06b21ee08 In this tutorial series we'll create a production-ready Finance Tracker app using Next.js 13, Tailwind CSS and Firebase. The app includes security using user authentication, protected routes, data storage using Firebase Firestore and styling the website using Tailwind CSS. In lesson 6, Part 2, we will set up the Firestore Database for our expenses, and create the modal and layout required for creating expense items. Project demo: https://youtube-finance-tracker.vercel.app Source code: https://github.com/leonvanzyl/next13-finance-tracker Next.js docs: https://nextjs.org Tailwindcss docs: https://tailwindcss.com/ Firebase: https://firebase.google.com CHAPTERS: 00:00 - Introduction 00:44 - Add Expense Item Function 04:41 - Create New Expense Categories 08:28 - Add Category Function 14:37 - View Expense Detail Modal 18:53 - Delete Expense Item Function 22:07 - Delete Expense Category Function 24:20 - Outro #next #nextjs #tailwindcss #firebase #firestore #reactjs Mon, 06 Apr 2026 03:20:57 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.grossholtz.net https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png https://tube.grossholtz.net/videos/watch/63b1e797-fcfa-4cbe-8f1f-1cb06b21ee08 All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.