Build Your First Full Stack Web App From Zero to Hero!

[@helloworld7287]

Video Timestamp: Project Overview: 00:00:42 - 00:08:50 Database Design: 00:08:50 - 00:37:00 Setup .NET Core 8 Web API Project: 00:37:00 - 01:02:15 Setup Angular 18 Project: 01:02:15 - 01:22:25 Build Web API HTTP GET Endpoints: 01:22:25 - 02:26:00 Angular Basics - Data Binding: 02:26:00 - 02:45:15 Angular Basics - Directives: 02:45:15 - 02:59:00 Angular Components, Routing, Pages: 02:59:00 - 03:58:00 Angular HTTP Services, Spinner, Toaster & More: 03:58:00 - 04:16:20 Azure Free SQL Database: 04:16:20 - 04:29:06 Azure App Service (Web App for Angular & Web API Apps): 04:29:06 - 04:39:15 Azure App Insights & Serilog for .NET Web API: 04:39:15 - 04:48:55 CI/CD for Web API & Deployment to Azure: 04:48:55 - 05:00:06 CI/CD for Angular & Deployment to Azure: 05:00:06 - 05:16:30 Azure AD B2C Integration for .NET Core & Angular: 05:16:30 - 05:50:40 Azure AD B2C Custom Claims with Azure Functions & API Connectors: 05:50:40 - 06:23:45 CI/CD for Azure Functions (Deploy to Azure): 06:23:45 - 06:38:52 SQL Trigger & SendGrid Email Integration using Azure Functions: 06:38:52 - 06:55:05 .NET Core Web API CRUD Operations: 06:55:05 - 07:38:55 .NET Core Health Checks: 07:38:55 - 08:06:20 Complete Web API CRUD for the Entire App: 08:06:20 - 08:34:15 Upload Image to Azure Storage (Using Angular & Web API): 08:34:15 - 08:49:55 Angular 18 Reactive Forms: 08:49:55 - 09:14:02 Angular 18 Auth Guards (Protect Routes): 09:14:02 - End

[@eduardoguzman8430]

I am back and ready to learn more. I took a break and feel as if I forgot everything, I can tell that this project is going to bring me up to speed again! Really looking forward to completing this, you have awesome and informative videos!

[@learnsmartcoding]

I’m glad you’re back! Let’s rebuild those skills together!

[@kereloskaram1312]

I really love how you explain things with a very good simple way, it is really helpful !!

[@learnsmartcoding]

I appreciate it! It makes me happy to know that my videos are helping people.

[@hunglongduong922]

what an awesome fullstack video I've ever watched ! The video is sooo helpful. Anyway thank you so much, from VN, I love this video

[@learnsmartcoding]

I'm so happy to hear you enjoyed it! Let me know if you have any questions.

[@SufiyanJamadar-t9h]

hey did you complete the full project ?

[@goodsuggestionbutno6783]

Finished watching now. Awesome video.

[@jibrinmasud]

You finished watching a 9hours video under 25min???.

[@goodsuggestionbutno6783]

@@jibrinmasud Of course. You are slow mate.

[@BlueRays648]

Thank you so much for this video. Please go live maybe once in a week.

[@learnsmartcoding]

Great idea! I'll see if I can schedule a live stream soon. If you would join, what time is preferred? Also, what content do you expect ? I will plan for my first live this month 🙌

[@DotNetCareerDevelopmentCenter]

@@learnsmartcoding hi...! I loved the video do you have the SQL script so I can create all the tables, etc ? I heard you mentioned in would be in the description, but couldn't find it - let me know thank you !

[@learnsmartcoding]

Hi, Thank you for watching. The database script is in API project. github.com/learnsmartcoding/online-course-api/blob/main/LSC.OnlineCourse.Data/Database_Script/OnlineCourseDB.sql Hope this helps.

[@periasamy5563]

Hi Karthik, This complete course is really very useful because your way of explanation for all concept is very clear.

[@learnsmartcoding]

Thanks for your kind words. I'm glad you're finding the course helpful!

[@DotNetCareerDevelopmentCenter]

Did you get the SQL script to create the DB and tables? I couldn't find it in the description LMK thank you ! I'm excited to build this :--)

[@ganeshgoud5794]

savior💚. great content.

[@jibrinmasud]

You’ve really been cooking something great.

[@learnsmartcoding]

Glad you liked it!

[@AndoFui]

I really love this video. I dont know about how you handle login function or how to store password. I may have missed something

[@learnsmartcoding]

Hi AndoFui, Thank you so much for your kind words! I'm thrilled that you enjoyed the video. 😊 Regarding your question about handling login functionality and storing passwords: in the Online Course Enrollment app, we use Azure AD B2C for authentication. This ensures secure login and password management without us having to store sensitive user credentials in our application. Azure AD B2C takes care of the entire authentication flow, including secure password storage and user account management. Best regards, Karthik

[@marghuburrahmanansari4952]

Please make a video on complete xunit testing of all layers like service, repository etc.

[@learnsmartcoding]

That's a great idea! I'll add it to my list of future videos. I will make one based on this application so that it will be easy to understand.

[@marghuburrahmanansari4952]

@@learnsmartcoding Thanks

[@samogh2931]

Hi thanks for the extended course. Please add timestamps

[@learnsmartcoding]

Thanks for the suggestion! I'll definitely look into adding timestamps to make navigation easier.

[@learnsmartcoding]

Thank you, I added the timestamp details in the video descriptions. Video Timestamp: Project Overview: 00:00:42 - 00:08:50 Database Design: 00:08:50 - 00:37:00 Setup .NET Core 8 Web API Project: 00:37:00 - 01:02:15 Setup Angular 18 Project: 01:02:15 - 01:22:25 Build Web API HTTP GET Endpoints: 01:22:25 - 02:26:00 Angular Basics - Data Binding: 02:26:00 - 02:45:15 Angular Basics - Directives: 02:45:15 - 02:59:00 Angular Components, Routing, Pages: 02:59:00 - 03:58:00 Angular HTTP Services, Spinner, Toaster & More: 03:58:00 - 04:16:20 Azure Free SQL Database: 04:16:20 - 04:29:06 Azure App Service (Web App for Angular & Web API Apps): 04:29:06 - 04:39:15 Azure App Insights & Serilog for .NET Web API: 04:39:15 - 04:48:55 CI/CD for Web API & Deployment to Azure: 04:48:55 - 05:00:06 CI/CD for Angular & Deployment to Azure: 05:00:06 - 05:16:30 Azure AD B2C Integration for .NET Core & Angular: 05:16:30 - 05:50:40 Azure AD B2C Custom Claims with Azure Functions & API Connectors: 05:50:40 - 06:23:45 CI/CD for Azure Functions (Deploy to Azure): 06:23:45 - 06:38:52 SQL Trigger & SendGrid Email Integration using Azure Functions: 06:38:52 - 06:55:05 .NET Core Web API CRUD Operations: 06:55:05 - 07:38:55 .NET Core Health Checks: 07:38:55 - 08:06:20 Complete Web API CRUD for the Entire App: 08:06:20 - 08:34:15 Upload Image to Azure Storage (Using Angular & Web API): 08:34:15 - 08:49:55 Angular 18 Reactive Forms: 08:49:55 - 09:14:02 Angular 18 Auth Guards (Protect Routes): 09:14:02 - End

[@profootball8683]

I know .NET 8 and Angular 18 basic . Before start the project how much knowledge required in Azure and CI/CD and other things?

[@learnsmartcoding]

Hi, Thank you for asking questions. You don't need any prior knowledge, I’ll show you all the Azure and CI/CD fundamentals you need as we build the app.

[@profootball8683]

@@learnsmartcoding Thank you

[@niloferakb5106]

Awesome, Thank you

[@learnsmartcoding]

I'm glad you liked it!

[@CyranicalGoated]

Hi, so if I want to host this on vercel or render, how do I go about it, do I need to host the client and server side separately? Thank you.

[@learnsmartcoding]

Hi, this app is based on dotnet core web api as backend and angular as front end, so yes, both should be hosted. If you have control on hosting, both can be hosted under one domain with few adjustments on routing.

[@CyranicalGoated]

@@learnsmartcoding thank you, also you hosted the project on azure by the end of the video right?

[@learnsmartcoding]

@@CyranicalGoated I have showed the deployment/hosting in the middle of the series. here are the timestamp Video Timestamp: Project Overview: 00:00:42 - 00:08:50 Database Design: 00:08:50 - 00:37:00 Setup .NET Core 8 Web API Project: 00:37:00 - 01:02:15 Setup Angular 18 Project: 01:02:15 - 01:22:25 Build Web API HTTP GET Endpoints: 01:22:25 - 02:26:00 Angular Basics - Data Binding: 02:26:00 - 02:45:15 Angular Basics - Directives: 02:45:15 - 02:59:00 Angular Components, Routing, Pages: 02:59:00 - 03:58:00 Angular HTTP Services, Spinner, Toaster & More: 03:58:00 - 04:16:20 Azure Free SQL Database: 04:16:20 - 04:29:06 Azure App Service (Web App for Angular & Web API Apps): 04:29:06 - 04:39:15 Azure App Insights & Serilog for .NET Web API: 04:39:15 - 04:48:55 CI/CD for Web API & Deployment to Azure: 04:48:55 - 05:00:06 CI/CD for Angular & Deployment to Azure: 05:00:06 - 05:16:30 Azure AD B2C Integration for .NET Core & Angular: 05:16:30 - 05:50:40 Azure AD B2C Custom Claims with Azure Functions & API Connectors: 05:50:40 - 06:23:45 CI/CD for Azure Functions (Deploy to Azure): 06:23:45 - 06:38:52 SQL Trigger & SendGrid Email Integration using Azure Functions: 06:38:52 - 06:55:05 .NET Core Web API CRUD Operations: 06:55:05 - 07:38:55 .NET Core Health Checks: 07:38:55 - 08:06:20 Complete Web API CRUD for the Entire App: 08:06:20 - 08:34:15 Upload Image to Azure Storage (Using Angular & Web API): 08:34:15 - 08:49:55 Angular 18 Reactive Forms: 08:49:55 - 09:14:02 Angular 18 Auth Guards (Protect Routes): 09:14:02 - End Hope this helps

[@BlueRays648]

Thank you so much for this video. Please tell us how to co-y paste the README file. Did not get it. I'm a beginner. Also tell us how to use the code from git repo.

[@learnsmartcoding]

Hi, You can find the README file within the GitHub repo, and use git clone to download the code. In case you want to learn GIT, please check this video kzbin.info/www/bejne/jqDLqKWZp5x0gbMsi=LGvSyf8SnqiO8rUy Repos: github.com/learnsmartcoding/online-course-api github.com/learnsmartcoding/online-course-ui github.com/learnsmartcoding/online-course-functions Hope this helps

[@vivekhkurup1378]

Hi sir , I am going through these videos session is best for learning but I have few doubts here we have started with angular 18 directly where ngmodule is not there but in organization all use ngmodule as the application will be large and old one so I need to understand that ngmodule part first as its basic for angular, so do u have any other videos where @ngmodule is used for developing the application

[@learnsmartcoding]

Hi Vivek, Thank you for asking your question. Here is the full stack video where I used ngModule to build the angular application. kzbin.info/www/bejne/bWHUaYOXo6yVpNksi=OxpibMNNYzIAb-eh Feel free to ask any questions you may have.

[@cybernetic7506]

is it clean architecture or n-tier?

[@learnsmartcoding]

Hi, This project is based on Micro Service Architecture. Clean Architecture example can be found here kzbin.info/www/bejne/ooOug5SHg7eGqdEsi=alZOfJFtGRZyqbyi Hope this helps.

[@semademir2144]

@@learnsmartcoding hi. are you sure about that it is microservice arch? because we didnt set any communication between services. and thanks for your tutorials. they are excellent.

[@learnsmartcoding]

Thank you for your kind words and thoughtful observation! 😊 Let me clarify why the project in this video is structured the way it is and how it reflects the microservice architecture: Why This Project Looks Simplified The project in the video is meant as a demo to showcase the foundational structure of a microservice. It focuses on organizing the code into layers (UI, Services, Infrastructure, Domain) and using multiple controllers to handle different entities. In real-world scenarios, there are usually multiple microservices, each responsible for specific business functionalities, and they communicate with each other via APIs, messaging systems, or event-driven architecture. Real-World Microservice Example To see a full-fledged microservice architecture in action, check out my e-commerce project on GitHub: E-Commerce Microservices Repo. (github.com/learnsmartcoding/e-commerce-smartcarthub-microservices/tree/main/LearnSmartCoding.SmartCartHub/src/Services) This repo contains 4 different microservices, each handling specific responsibilities. The Angular UI communicates with all 4 microservices. The microservices themselves can also communicate with each other when needed. Microservice Architecture in Practice The project in the video represents what a single microservice might look like within a larger system. In real-time implementations like the one in my GitHub repo, multiple microservices work together to form a complete solution. I hope this helps clarify! Let me know if you’d like me to create content that dives deeper into inter-microservice communication. 😊

[@saipavanseelamsetty]

Hi Karthik ! Thanks for the project. Could you please provide architecture of the project with diagrams at the beginning

[@learnsmartcoding]

Hi SaiPavan, Thank you for watching the video and I hope you find it useful. You are looking for high level project architecture like the below one ? If yes, I will make a one for this Full-stack video. Going forward, I will include such info as well. github.com/learnsmartcoding/restaurant-table-booking-app.api/blob/main/RestaurantTableBookingApp.API/RestaurantTableBooking.svg Full stack video can be found here kzbin.info/www/bejne/bWHUaYOXo6yVpNksi=qMu4I2MjS3uUcaPg Please let me know if you need any other information. Happy coding!

[@saipavanseelamsetty7088]

​@@learnsmartcodingThank you 😊

[@davidibanga8980]

Thanks for the Video, but some of the parts are very hard to follow as you keep jumping steps. In some instance, I notice the addition of different folders and files that are not even talked about,especially the api aspect and the local api and configuration aspects which form a great part of the video being skipped

[@learnsmartcoding]

Hi David, Thank you so much for your feedback and for taking the time to watch the video! I sincerely apologize if certain parts felt rushed or skipped-it was never my intention to make things hard to follow. Your input is incredibly valuable in helping me improve. Could you please share specific timestamps where you felt I jumped steps or skipped important details? It would help me understand better and ensure that future full-stack videos are more comprehensive and easier to follow. I genuinely appreciate your support, and I’ll work to make my upcoming videos clearer and more structured. Thank you again for bringing this to my attention! 😊 Best regards, Karthik Learn Smart Coding

[@SufiyanJamadar-t9h]

hey david did you complete the project ?

[@sathvikpakeeru2770]

Hi Great video. I am confused between mvc and micro-services. Is this project micro-service architecture . If so what are the services in the project?

[@learnsmartcoding]

Hi Sathvik, Thank you for your kind words! I'm glad you liked the video. 😊 If you're confused between MVC and microservices: MVC (Model-View-Controller) is a design pattern used to structure an application, often in a monolithic setup. Microservices, on the other hand, involve breaking down functionalities into separate, independently deployable services. If you'd like, I can create a video explaining the differences between monolithic and microservices architectures. Let me know!

[@sathvikpakeeru2770]

Hey thanks for reply. So this project is mvc pattern right?

[@learnsmartcoding]

@sathvikpakeeru2770 hi , this project is web api and follows microservice architecture. We don't use mvc in this project. Mvc has its ui processed at server , here we use angular as front end which is separate project.

[@sathvikpakeeru2770]

Ok thank you .

[@nikhilbanuri7499]

Hi Karthik, My API is not able to fetch the data from the DB. Can you please helpme on this.

[@learnsmartcoding]

Hi, I am happy to help. Please provide more details like the error you are getting so I can assist you better.

[@nikhilbanuri7499]

@learnsmartcoding I my getting 500 error when trying to access my apis. I have checked all the configurations and code. Everything is the same as videos. The only change I have noticed is in the connection string. The connection string password is using the old dB password. Even after multiple release after change the connection string is not changing

[@learnsmartcoding]

Hi Nikhil, Thanks for reaching out. Let's troubleshoot the issue with the 500 error when accessing the APIs. First, let's confirm a couple of things to narrow down the problem: Local Database Connection: Please make sure the database connection string is set up correctly in your local environment. If it’s working locally, that confirms the connection string and DB are correctly configured in development. You should be able to see specific error messages locally that can help us pinpoint what’s wrong. Deployment Environment: If you're seeing this error after deploying to Azure, there may be a mismatch in the configuration there. Sometimes, even if you update the connection string in your release pipeline or Azure App Configuration, old settings can linger, causing connection issues or even missing configurations. Here are a few steps you could try to resolve it: Double-check the connection string in the Azure portal (under Configuration settings for your Web App or App Service). Ensure that it’s updated with the correct password and details. Verify that your App Service is pointing to the right environment variables and settings for the database connection string. You might want to restart the App Service after updating the settings to make sure it picks up the latest configuration. Error Messages: If you’re comfortable troubleshooting locally, please check the error message details by reviewing the logs. This can give a specific reason for the 500 error, whether it’s a connection timeout, authentication failure, or something else. If you’re still having trouble or feel more comfortable sharing more details, please send the full error message to my email, and I’d be happy to assist further. Let me know how it goes!

[@nikhilbanuri7499]

@@learnsmartcoding Thanks for the help. Will try the given steps. Also can you please give me the mail I'd if the error persists.

[@learnsmartcoding]

Sure. You can reach out to me here [e-mail]

[@semademir2144]

hi karthik. thanks for the tutorial. but I wanna ask something. you have 10 db table but I have 12. I used your db sql script. why this happened?

[@learnsmartcoding]

Hi, thank you for asking. Please share the extra tables you see from your side. Let me check.

[@semademir2144]

@learnsmartcoding thanks your fast answer. They are smart app and video request tables.

[@learnsmartcoding]

Thank you for sharing. I checked here github.com/learnsmartcoding/online-course-api/blob/main/LSC.OnlineCourse.Data/Database_Script/OnlineCourseDB.sql There are 13 tables and I added "VideoRequest" table after the initial database design hence you will find it in the end of the script. Hope this clarifies. Feel free to ask me if you have any other questions. Happy coding!

[@vivekhkurup1378]

Thank u so much sir

[@learnsmartcoding]

Glad you found it helpful! Happy coding!

[@newwaveed]

I have an Azure PayAsYouGo account. Do you cover costs and how do you minimize them, especially if you are learning and don't want to pay the same price as a production application?

[@learnsmartcoding]

Thank you for your comment! 😊 I’ve made videos on several free Azure services and how to use them effectively, but I understand the importance of cost management, especially when learning. Going forward, my videos will also cover paid services, including strategies to minimize costs while learning. Here are a few quick tips to reduce costs: Use Free Tiers: Many Azure services have free tiers or trial plans-take full advantage of these while experimenting. Set Budgets and Alerts: Use Azure Cost Management to set a budget and receive alerts if your spending reaches a specific threshold. Shut Down Unused Resources: Always stop or delete resources like VMs, App Services, or databases when not in use to avoid unexpected charges. Optimize Pricing Plans: Choose consumption-based plans (e.g., Azure Functions, Logic Apps) for minimal costs during light usage. If you’re interested in any specific service or have questions about managing costs, feel free to let me know! I’d be happy to create content tailored to your needs. 😊

[@helloworld7287]

Completed - 02:46:00

[@learnsmartcoding]

Hi, Please provide your comments on the course so far. Did you enjoy learning it? What did you like the most?

[@helloworld7287]

@@learnsmartcoding Yes, your explanation is very well articulated and covers all the important topics.

[@enter10bar]

This is full end to end project or not ???? Please Tell Me

[@learnsmartcoding]

Yes, it is a full end to end project for a full stack developer.

[@nikhilbanuri7499]

Hi Karthik, During the session CI/CD for Angular & Deployment to Azure, I got this error when I ran the pipeline for Angular. Can you please help me with this? Error: Could not find the '@angular-devkit/build-angular:application' builder's node package. ##[error]Cmd.exe exited with code '1'.

[@learnsmartcoding]

Hi Nikil, I replied details to your email. Hope that helped. Let me know for more questions

[@SufiyanJamadar-t9h]

hii everyone , can anybody tell me that its fully completed course in the video ?

[@learnsmartcoding]

Hi, Yes, the project is completed. smartlearnbykarthik.azurewebsites.net/home

[@SufiyanJamadar-t9h]

@@learnsmartcoding hii sir can i do the setup that you have done because i dont any money sir suppose if i create and they ask for money its going to be big problem for me

[@learnsmartcoding]

@@SufiyanJamadar-t9h No need to worry at all! 😊 Azure has a very generous Free Tier, and most of the setups I show in my videos fall under free usage limits, especially for learning and testing purposes. When you create an Azure account, you'll start with $200 of free credit for the first 30 days to explore any paid services. After that, if you stick to the free-tier resources (which I use in my videos), there won’t be any cost. Even when switching to Pay-As-You-Go, you’ll only be charged for the resources that incur costs (like Key Vault, CDN, or databases if heavily used). Personally, I’ve been using Azure for years and have set up similar projects multiple times, and it has cost me less than $1 per month because I mostly rely on free resources. In short: You can confidently follow the setup in my videos without worrying about charges. Just avoid enabling or using cost-related resources unless absolutely necessary. Monitor your usage in the Azure portal for peace of mind. If you still have concerns, let me know, and I can guide you step by step to avoid any unnecessary costs. You’ve got this! 💪 Best regards, Karthik

[@learnsmartcoding]

@@SufiyanJamadar-t9h Take a look at this video, I show how to setup policy to control cost for azure SQL database. kzbin.info/www/bejne/d6PZg3Snp66hicUsi=FTdH4WGJGS7KWbsl This is just an example

[@muhammadadil7307]

brother please tell me what are topics which is mandatory to learn being a .net developer.

[@learnsmartcoding]

Hi Muhammad, Great question! To be a proficient .NET developer, here are some mandatory topics to focus on: Core .NET Skills: C# Fundamentals: Understand object-oriented programming (OOP) concepts, LINQ, collections, async/await, and exception handling. ASP.NET Core: Learn how to build web applications and APIs using controllers, middleware, dependency injection, and Razor pages. Entity Framework Core: Master database operations like migrations, queries, and relationships using EF Core. Web APIs: Know how to build RESTful APIs, handle HTTP methods, and manage authentication/authorization (e.g., JWT or OAuth2). Tools & Practices: Version Control: Get familiar with Git and platforms like GitHub or Azure DevOps. CI/CD: Understand the basics of automating builds and deployments using Azure DevOps or GitHub Actions. Unit Testing: Learn about testing frameworks like xUnit or MSTest. Docker and Containers: Understand how to containerize .NET applications. Additional Topics: Authentication & Authorization: Learn Azure AD or IdentityServer for securing apps. Cloud Platforms: Focus on Azure as it's widely used with .NET apps. Microservices: Understand how to build and integrate smaller services with gRPC or REST. Focus on project-based learning-building real-world apps will help you apply what you learn and stand out as a developer. Let me know if you'd like a more detailed roadmap or resources for any of these! while Docker and CI/CD may not be "mandatory" at the entry level, they’re highly recommended as you grow into more senior or versatile roles. Hope this clarifies your questions and feel free to let me know if you have any other questions. Happy coding!

[@muhammadadil7307]

@learnsmartcoding thanks plz tell me what are the topics in azure for .net developer?

[@learnsmartcoding]

I strongly suggest to go through the details in this full stack web development video. github.com/learnsmartcoding/restaurant-table-booking-app.api raw.githubusercontent.com/learnsmartcoding/restaurant-table-booking-app.api/main/RestaurantTableBookingApp.API/RestaurantTableBooking.svg The important Azure services are covered in this applications. Here is the video link. kzbin.info/www/bejne/bWHUaYOXo6yVpNksi=79CR3LrelvvnR7W7 Let me know if this helps.

[@mehmetyirtici5322]

Is this the first part or full course?

[@learnsmartcoding]

Hi, this is the full course covering all episodes of the series

[@godstimeisioma638]

Thanks for this man! Good job.

[@learnsmartcoding]

Glad you enjoyed it!

[@tarunchugh5137]

perferct video course, is there any working url of this project

[@learnsmartcoding]

Hi Tarun, Here is the app URLs. smartlearnbykarthik.azurewebsites.net/ smartlearnbykarthik-api.azurewebsites.net/swagger/index.html Please try it out and I'm sure you will enjoy it.!

[@DotNetCareerDevelopmentCenter]

Can you attach the script to the description... it the video yo say it was there, although I cannot find the SQL script to create the tables and the inserted data will be very good! I want donate to your channel... and work with you starting this video, I am going be in touch w/you. Let me know when you get chance if you can attach the SQL script to the above description. thank you !

[@learnsmartcoding]

Hi, I have updated the video's description with the database script link. Here is the link for you. github.com/learnsmartcoding/online-course-api/blob/main/LSC.OnlineCourse.Data/Database_Script/OnlineCourseDB.sql Hope this helps.

[@DotNetCareerDevelopmentCenter]

thank you ! I have script and am creating DB and tables now :--)

[@learnsmartcoding]

Feel free to ask questions if you have any. Happy coding!

[@DotNetCareerDevelopmentCenter]

@@learnsmartcoding thank you ! I found everything at approx 8:40:00 in the video for the storage account setup, and got it working !

[@Nova-i4z9r]

Sir please add timelapse sir❤️

[@learnsmartcoding]

Thank you, I added the timestamp details in the video descriptions. Video Timestamp: Project Overview: 00:00:42 - 00:08:50 Database Design: 00:08:50 - 00:37:00 Setup .NET Core 8 Web API Project: 00:37:00 - 01:02:15 Setup Angular 18 Project: 01:02:15 - 01:22:25 Build Web API HTTP GET Endpoints: 01:22:25 - 02:26:00 Angular Basics - Data Binding: 02:26:00 - 02:45:15 Angular Basics - Directives: 02:45:15 - 02:59:00 Angular Components, Routing, Pages: 02:59:00 - 03:58:00 Angular HTTP Services, Spinner, Toaster & More: 03:58:00 - 04:16:20 Azure Free SQL Database: 04:16:20 - 04:29:06 Azure App Service (Web App for Angular & Web API Apps): 04:29:06 - 04:39:15 Azure App Insights & Serilog for .NET Web API: 04:39:15 - 04:48:55 CI/CD for Web API & Deployment to Azure: 04:48:55 - 05:00:06 CI/CD for Angular & Deployment to Azure: 05:00:06 - 05:16:30 Azure AD B2C Integration for .NET Core & Angular: 05:16:30 - 05:50:40 Azure AD B2C Custom Claims with Azure Functions & API Connectors: 05:50:40 - 06:23:45 CI/CD for Azure Functions (Deploy to Azure): 06:23:45 - 06:38:52 SQL Trigger & SendGrid Email Integration using Azure Functions: 06:38:52 - 06:55:05 .NET Core Web API CRUD Operations: 06:55:05 - 07:38:55 .NET Core Health Checks: 07:38:55 - 08:06:20 Complete Web API CRUD for the Entire App: 08:06:20 - 08:34:15 Upload Image to Azure Storage (Using Angular & Web API): 08:34:15 - 08:49:55 Angular 18 Reactive Forms: 08:49:55 - 09:14:02 Angular 18 Auth Guards (Protect Routes): 09:14:02 - End

[@Nova-i4z9r]

​outstanding video! Your creativity, effort, and dedication truly shine through every second. It's clear that your content resonates deeply, and it's inspiring to see such high-quality work. Keep up the fantastic work sir❤ ​@@learnsmartcoding

[@xsamuelx3603]

: )

[@funscape23]

yoo