A startup Angular 17 / ASP.NET Core 8 (cross-platform ) project template with an end-to-end login, user and role management implementation. As well as other common functionalities for Quick Application Development.
- Angular Material
- Reactive forms
- Public Registration, Password Recovery & Reset, Email Confirmation
- Priority Email Support
- Etc
Get QuickApp STANDARD | Live Demo
Sponsor this project and get access to the private repos of QuickApp Pro and QuickApp Standard!
- Template pages with Angular 17 and TypeScript
- RESTful API Backend using ASP.NET Core 8 Web API
- Database using Entity Framework Core
- Authentication/Authorization based on OIDC/OAuth2 and ASP.NET Core Identity
- API Documentation using Swagger
- Angular CLI for managing client-side libraries
- Theming using Bootstrap 5
- A complete backend and frontend project structure to build on, with login, user and permission-based role management already integrated
- Data Access Layer built with the Repository and Unit of Work Pattern
- Code First Database
- A RESTful API Design
- Angular Directives Guidance
- Angular Pipes Guidance
- Angular Animations Guidance
- Angular Services
- Dialog and Notification Services
- Configuration Page and Configuration Service
- Integrated Internationalization
- Theming with SASS
- Ready-to-use email API
- Handling Access and Refresh Tokens with WebStorage (Bearer authentication)
- CRUD APIs
- Responsive Design
- Etc.
- [OPTION 1] Clone the Git Repository and edit with your favorite editor. e.g. Visual Studio, Visual Studio Code
- [OPTION 2] Install Project template from the Visual Studio Gallery and follow the usual File -> New Project -> Web -> QuickApp - to create a new Project from this template.
Lunch with
F5orCtrl+F5(The usual way)
- When creating a new project please wait for all dependencies to be restored; "dotnet restore" for asp.net project & "npm install" for angular project. When using VisualStudio this is automatic, check the output window or status bar to know that the package/dependencies restore process is complete before launching your program for the first time.
- If you get any errors, consider running manually the steps to build the project and note where the errors occur.
Open command prompt and do the below steps:
- run 'dotnet restore' from the two project folders - Restore nuget packages
- run 'npm install' from the project with package.json - Restore npm packages
- Try running the application again - Test to make sure it all works
- When running the client(angular) project on a different address/domain from the backend, configure the baseUrl of the client to match that of the server. You do this from environment.ts in the ClientApp/Angular project. Example: baseUrl: "http://yourbackendserver.com" OR baseUrl: "http://localhost:5050"
- For help and support post in the support forum
- For bug reports open an issue on github
LOGIN WITH USERNAME OR EMAIL ADDRESS
- Default Administrator Account
- Username: admin
- Email: admin@ebenmonney.com
- Password: tempP@ss123
- Default Standard Account
- Username: user
- Email: user@ebenmonney.com
- Password: tempP@ss123
- Overview of QuickApp
- Conceptual overview of what is ASP.NET Core
- Working with Data
- Angular 17 documentation overview
- Getting started with Angular CLI
- Introduction to Bootstrap 5
QuickApp is actively maintained on GitHub. You can support it by
- Sponsoring on GitHub
- Encouraging the developers by rating it and starring it
- Submitting your changes/improvements/features using pull requests
- Suggesting ideas or areas of improvements
- Linking to it and recommending it to others
Released under the MIT License.