Loading...

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

1,336 views 44________

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/t...
Notes4Devs Code: https://github.com/youssefbenlemlih/n...

コメント