Research Angular SPA (and ASP.NET Core web-API)

In this repository I researched a basic fullstack implementation of an Angular single page application (SPA) and an ASP.NET Core web-API.

This application implements a minimal movie database. After successful authentication users can manage their favorite movies in a card view and store them into a database.

An admin user (automatically created) is able to manage all registered application users and their favorite movies.

Tech-Facts

Angular frontend (client):

Routing
Eager and lazy-loading modules
HttpClient
HttpInterceptor
Resolver
Guards
RxJS
NgRx store with actions, effects, reducers and selectors
Redux DevTools ready
Forms (template and reactive)
Bootstrap CSS
Loading spinner
Local storage
Component and module driven development

ASP.NET Core web-API backend (server):

ASP.NET Core Identity (user store)
Entity Framework Core (database ORM)
Sqlite database
Authentication and authorization
JWT Bearer token
Swagger API explorer
Exception filter
Usecase and clean-code driven development

Run Applications

./run_server.sh   # ASP.NET Core web-API
./run_client.sh   # Angular SPA

Clean Build Artefacts

./clean.sh        # clean build artefacts

Application Signup and Signin

With the start of the application an admin user is created. The admin credentials are:

Email: admin@example.com
Password: pasSworD

You can sign up new users on the authentication page.

Toolchain Requirements and Versions