Tools and resources for this course

Introduction

Project setup

Add shadcn ui, tailwind css, and custom fonts

Create the navbar

Create dashboard page and add route protection

Add a link to the dashboard page in the user dropdown

Render the Card component for the transaction form

Create the transaction form schema with zod

Create the transactions and new transaction pages

Render the first form field for the transaction form

seed

Render the rest of the form fields for the transaction form

Seed the database with category data

Set up postgres database and create table schemas with drizzle

Load categories data and populate in transaction form

Create the authMiddleware

Handle create transaction success

Create the createTransaction server function

Implement the month and year selects

Render the transactions card with dynamic title

Populate the years select with available years

Create the getTransactionsByMonth server function

Finish the getTransactionsByMonth server function

Build out the transactions table

Create the edit transaction page

Load transaction data by transaction id

Finish the update transaction functionality

Implement the delete transaction functionality

Query for the yearly cashflow

Render the recent transactions card

Finish the cashflow query

Render the yearly cashflow bar chart

Add the cashflow summary

Improve the bar chart UI

Deploy site live to vercel

Add loading states to routes

Build out the landing page