🚀 Welcome to this Full Stack React Node Project where we will be building a Notes App from Scratch! 🚀

🔍 LINKS

- Projects for you to practice full stack web development (more coming soon)!
[ Ссылка ]

- Text Version Tutorial
[ Ссылка ]

- Starter Code/Finished Code/Hints and Tips/Challenges: [ Ссылка ]

- CSS:
[ Ссылка ]

- ElephantSQL (Postgres DB)
[ Ссылка ]

🎥: Chapters

0:00 What we'll build
0:26 Project structure setup
0:51 Creating a new React app
2:02 Adding UI elements
4:07 Adding CSS
8:52 Displaying Notes on the UI
11:42 Adding Notes on the UI using a form
15:51 Editing Notes on the UI using a form
23:16 Remove Notes from the UI
25:34 Create the a Node API server
31:14 Setting up a DB
34:39 Setting up Prisma & Note model
36:40 Adding Notes to API response
39:06 Adding Thunder Client (API client)
40:15 Create Note endpoint
44:48 Update Note endpoint
48:31 Delete Note endpoint
50:04 Populate UI with Notes from our DB
53:14 Add a new note to our DB
55:25 Save changes to a note to our DB
57:30 Remove note from our DB



👩‍💻 Happy Coding!

🔍 Keywords: Full Stack, React, Node, JavaScript, Web Development, Coding Tutorial, Notes App, Build from Scratch, Postgres

#FullStack #React #Node #WebDevelopment #CodingTutorial

свернуть