/QuickApp

ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development

Primary LanguageTypeScriptMIT LicenseMIT

QuickApp - ASPNET Core 8 / Angular 18 project template

MIT license VSIX Downloads Twitter Follow

A startup Angular 18 / 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.

🚀The mission with QuickApp is to simplify the software development process using ASP.Net Core and Angular, empowering engineers to efficiently build amazing software.

💥QuickApp is designed to be easy to use, customize, and extend. It follows the best practices and conventions of Angular and ASP.NET Core, and uses the latest technologies and tools for an efficient workflow.

🎉QuickApp has been used by thousands of developers🧑🏼‍💻 around the world to create web applications for various domains and purposes. It is highly rated with positive reviews on the Visual Studio Marketplace website.

💝If you've found QuickApp helpful, kindly consider becoming a sponsor . Even a small amount goes a long way to keep the project alive.

👍🏼As a sponsor you will gain access to the private repos of QuickApp Pro and QuickApp Standard which have more advanced features, and also priority email support.

LIVE DEMO

QuickApp Demo


  • Angular Material
  • Reactive forms
  • Public Registration, Password Recovery & Reset, Email Confirmation
  • Priority Email Support
  • Etc

Get QuickApp PRO | Live Demo

Get QuickApp STANDARD | Live Demo

Sponsor this project and get access to the private repos of QuickApp Pro and QuickApp Standard!


This application consists of:

  • Template pages with Angular 18 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

You get the benefits of:

  • 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.

Installation

  • [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 F5 or Ctrl+F5 (The usual way)

Installation Notes

  • 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:
    1. run 'dotnet restore' from the two project folders - Restore nuget packages
    2. run 'npm install' from the project with package.json - Restore npm packages
    3. 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

LOGIN WITH USERNAME OR EMAIL ADDRESS

Documentation

Contribution

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

License

Released under the MIT License.

YOUR FEEDBACK | FOLLOW ME

If you found this template useful, please take a minute to rate it. Appreciated!