/SampleNET5Angular10

Sample Project with .NET 5 with Angular 10 A practical example of how to build an application with ASP.NET Core API (.Net 5.0) and Angular 10 from start to finish

Primary LanguageC#

SampleNET5Angular10

Sample Project with .NET 5 with Angular 10 A practical example of how to build an application with ASP.NET Core API (.Net 5.0) and Angular 10 from start to finish

Technologies Used

  • ASP.NET Core / .NET 5
  • EntityFramework
  • SignalR
  • Angular 10
    • Routing
    • Reactive Forms
    • Paging & Sorting
  • Authentication
  • Identity & Role Management
  • Unit of Work Pattern
  • Publishing

Whats implemented

  • Learn how to build a web application from start to publishing using ASPNET 5, Entity Framework Core and Angular (v10)
  • Understand how to structure an Angular application using best practices
  • Learn how to integrate 3rd party components into the Angular application
  • Use Visual Studio code effectively to improve workflow
  • Use AutoMapper
  • Implement drag and drop photo upload integrating into a cloud platform
  • Implement a private messaging system
  • Implement filtering, sorting and paging of data
  • Display notifications in Angular
  • Implement Authentication using JWT Authentication tokens
  • Handling errors in the API and the SPA
  • Persist data using Entity Framework Core
  • Real time notifications and presence using SignalR

Installation

Terminal 1

cd .\client\
npm install
npm start
npm deploy
npm deploy --prod

Terminal 2

cd .\API\
dotnet watch run

Reference

Author

Niran Vijayakumar https://niran.in