Back to Browse

Let's Build a Note-Taking WebApp with React, TanStack Start and Shadcn UI

4.3K views
May 6, 2025
1:16:48

Code with me! Let's code a Note-Taking App using TanStack Start, ReactJS, TailwindCSS and Shadcn/ui! Timestamps: 00:00 What To Expect 00:47 Project Setup 10:00 Successful Project Setup 18:55 Pages Structure 21:51 Landing Page 24:00 Notes List Page 27:34 Edit Note Page 30:34 Choosing a Markdown Editor 43:00 Add Basic UI Elements 45:31 Choosing a DB 50:47 Add Server Functions 01:15:00 Next Steps Links: Shadcn/UI + TanStack Start Template: https://github.com/youssefbenlemlih/tanstack-start-shadcn-template Notes4Devs Code: https://github.com/youssefbenlemlih/notes4devs.git

Download

0 formats

No download links available.

Let's Build a Note-Taking WebApp with React, TanStack Start and Shadcn UI | NatokHD