ABP Vue template

This project can be used as a drop-in replacement for the Angular/AbpReact/Blazor UI of the ABP Framework.

Docs

You can read the documentation of this template abpvue

Demo

• Abp Vue Template Ui demo application
• Abp Backend application created by using abp-cli tool.
• Abp Backend swagger docs for accessing the api

Default credentials

| username | password |
|----------|----------|
| admin    | 1q2w3E*  |

What is this?

This is a Nuxt Vue-based UI for the ABP Framework. It has the basic UI features that come with Abp.io UI frameworks, You can customize it the way you want and use it. It uses AbpTemplate as the backend. It is built using Nuxt, TypeScript, Tailwind CSS and Flowbite.

Why Use ABP Vue?

In the past, we have used Angular and React for the ABP Framework. We have also used Blazor. However, I thought that having a Vue-based UI template for the ABP Framework would be a nice touch. Nuxt3 is a prevalent framework and it is straightforward to use. I am building this project to provide a Vue-based UI for the ABP Framework. I am also building this project to provide a reference for anyone who wants to build it in Nuxt3.

Goals

This project aims to provide a Vue UI for the ABP Framework. It will be a fully functional UI that can be used as a starting point for any ABP project. It will also be a reference for anyone who wants to build a Vue-based UI for the ABP framework. I will try to implement all the non-commercial ABP Framework application features.

Features

• Landing Page
• Login, Logout, Register, Forgot Password (default MVC Auth server)
• [] Multilingual
• [] Theme Switcher
• Profile
• Tenant Management
• Role Management
• User Management
• Settings Management
• Feature Management
• Toast notification for all the interactions
• [] Configure the playwright and add tests

Roadmap

Most of the features are implemented. We are planning to keep it similar to the ABP Framework Open Source Application. That means all the commercial features will not be implemented.

Support

If you want to build your project with ABP Vue and need support, you can contact me at email-me

How to run

1. Clone the repo
2. Run pnpm install
3. Run pnpm dev

How to contribute

1. Fork the repo
2. Create a branch for your feature
3. Make your changes
4. Create a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

• ABP Framework
• Nuxt
• TypeScript
• Tailwind CSS

Contributors

• Sajan