https://github.com/sajanv88/abpvue
The Vue ui template for ABP application.
https://github.com/sajanv88/abpvue
abp-framework nuxt nuxt3 openid-connect tailwindcss typescript vue3 vuejs
Last synced: about 1 year ago
JSON representation
The Vue ui template for ABP application.
- Host: GitHub
- URL: https://github.com/sajanv88/abpvue
- Owner: sajanv88
- License: mit
- Created: 2024-02-02T05:32:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-15T08:20:02.000Z (over 1 year ago)
- Last Synced: 2025-04-13T13:52:18.516Z (about 1 year ago)
- Topics: abp-framework, nuxt, nuxt3, openid-connect, tailwindcss, typescript, vue3, vuejs
- Language: TypeScript
- Homepage: https://abpvue.sajankumarv.com
- Size: 1.04 MB
- Stars: 46
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# 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](https://abpvuedocs.sajankumarv.com/)
## Demo
- [Abp Vue Template](https://abpvue.sajankumarv.com/) Ui demo application
- [Abp Backend](https://abp.sajankumarv.com/) application created by using abp-cli tool.
- [Abp Backend swagger](https://abp.sajankumarv.com/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
- [x] Landing Page
- [x] Login, Logout, Register, Forgot Password (default MVC Auth server)
- [] Multilingual
- [] Theme Switcher
- [x] Profile
- [x] Tenant Management
- [x] Role Management
- [x] User Management
- [x] Settings Management
- [x] Feature Management
- [x] 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](mailto:work@sajankumarv.com)
## 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](LICENSE) file for details
## Acknowledgments
- [ABP Framework](https://abp.io/)
- [Nuxt](https://nuxt.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
## Contributors
- [Sajan](https://github.com/sajanv88)