Fullstack application with .net core and angular - using minimal APIs and angular signals

In this tutorial we are going to make a dotnet fullstack application with dotnet 9 and angular. It is a dotnet and angular CRUD application. It is going to be very exciting where you will learn modern feature like minimal apis in .net and signals in angular. It is a slow tutorial good for beginners.

Things you are going to learn:
- RESTful APIs CRUD with .NET 9.0
- Minimal apis and fluent validation
- Angular 20
- Reactive forms
- Local state management in angular using Signals

💻 FRee Source code : https://github.com/rd003/DotnetAngularCrud

⌛ Timestamps:

(00:00:00 - 00:03:23) Intro, Tech & tools
(00:03:24 - 00:06:09) Creating a backend project
(00:06:10 - 00:09:57) Understanding the project files
(00:09:58 - 00:12:00) 3 ways to talk with database
(00:12:0` - 00:24:15) AppDbContext
(00:24:16 - 00:40:23) Seeding data and migrations
(00:40:24 - 00:41:18) Ways to create endpoints
(00:41:19 - 00:45:00) Minimal api : Get endpoint + test with rest client
(00:45:00 - 00:46:58) PersonEndpoint class
(00:46:59 - 00:51:06) endpoint 1: get all person (get)
(00:51:07 - 00:55:02) endpoint 2: get single person (get)
(00:55:02 - 01:00:06) endpoint 3 : create person (post)
(01:00:07 - 01:02:15) endpoint 4: update person (put)
(01:02:16 - 01:03:41) endpoint 5: delete person (delete)
(01:03:42 - 01:05:21) Testing the put endpoint
(01:05:22 - 01:10:37) CORS
(01:10:38 - 01:11:27) Moving git files to root directory
(01:11:28 - 01:12:58) Renaming Person.Db to person.db
(01:12:59 - 01:17:32) Moving DB validations from Person.cs to AppDbContext.cs
(01:17:33 - 01:24:56) Fluent validations for client
(01:24:57 - 01:33:54) Creating and running the angular application
(01:33:55 - 01:36:07) Adding bootstrap.css
(01:36:08 - 01:40:10) Layout component
(01:40:11 - 01:47:30) Creating required components
(01:47:31 - 01:47:30) Designing the Person Component
(01:47:31 - 01:50:36) Working with environment files
(01:50:37 - 01:52:02) creating person model, person component and person service
(01:52:03 - 01:57:14) working person service
(01:57:15 - 02:16:02) Person store + Display person in UI
(02:16:03 - 02:21:47) store: add, update, delete methods
(02:21:48 - 02:33:35) Add/Update Person UI
(02:33:36- 02:35:20) Delete person UI
(02:35:21 - 02:39:09) Debugging the add/update person issue
(02:39:10 - 02:42:40) Culprit found and resolving the issue
🔖Other links:
▶Code Crunch (precise c# .net videos): https://www.youtube.com/playlist?list=PLP8UhDwXI7f8AqaxdNh98lvAeqktu9bEa
▶Single video courses: https://www.youtube.com/watch?v=e2I7EzuCt1g&list=PLP8UhDwXI7f-IFqwrx89QN1QIurYr94-p&ab_channel=RavindraDevrani
▶dot net 6+ tutorials and projects: https://www.youtube.com/playlist?list=PLP8UhDwXI7f_-5Swp8DlNa6wD15e1JYrU
▶Learn projects from scratch: https://bit.ly/3zpn9ng
▶Dotnet with different databases: https://www.youtube.com/playlist?list=PLP8UhDwXI7f-dOqUH2T2qrdQ1Ow5J6Ap_
▶Authentication and authorization: https://www.youtube.com/playlist?list=PLP8UhDwXI7f9Mcx3Q7yd7faJWBNRhjeJM
▶Design patterns with c#: https://www.youtube.com/playlist?list=PLP8UhDwXI7f8V4BgVJ97qMMA29Sd9H8Vz
▶Practical Oops with c#: https://www.youtube.com/playlist?list=PLP8UhDwXI7f8VDcivJiMkbAZCarj-VWnw
🌟 Connect with me:
👉 Blog: https://ravindradevrani.com/
👉 YouTube: https://youtube.com/@ravindradevrani
👉 Twitter: https://twitter.com/ravi_devrani
👉 GitHub: https://github.com/rd003

☕Support my work:➡️ Buy me a coffee 🍵: https://www.buymeacoffee.com/ravindradevrani

#dotnet #angular #csharp #programming #aspnetcore

Видео Fullstack application with .net core and angular - using minimal APIs and angular signals канала Ravindra Devrani