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/DotnetAngula...
⌛ 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): • Code Crunch - Sort programming videos
▶Single video courses: • Asp.net core mvc (7.0+) in one video | Asp...
▶dot net 6+ tutorials and projects: • Dot net 6+ tutorials and projects
▶Learn projects from scratch: https://bit.ly/3zpn9ng
▶Dotnet with different databases: • dotnet with different databases
▶Authentication and authorization: • Authentication and authorization
▶Design patterns with c#: • Design Principles with c#
▶Practical Oops with c#: • Practical OOPs with c#
🌟 Connect with me:
👉 Blog: https://ravindradevrani.com/
👉 YouTube: / @ravindradevrani
👉 Twitter: / ravi_devrani
👉 GitHub: https://github.com/rd003
☕Support my work:➡️ Buy me a coffee 🍵: https://www.buymeacoffee.com/ravindra...
#dotnet #angular #csharp #programming #aspnetcore