Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/spinningideas/vue-project-accelerator
Vue JS project accelerator that can serve as reference for bootstrapping projects. Includes localization and authorization via services based approach using vuetify for UX
https://github.com/spinningideas/vue-project-accelerator
javascript typescript typescript-vue vee-validate vue-js vuetify
Last synced: 1 day ago
JSON representation
Vue JS project accelerator that can serve as reference for bootstrapping projects. Includes localization and authorization via services based approach using vuetify for UX
- Host: GitHub
- URL: https://github.com/spinningideas/vue-project-accelerator
- Owner: spinningideas
- License: mit
- Created: 2020-06-07T23:15:06.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-11-24T18:47:44.000Z (12 months ago)
- Last Synced: 2023-11-25T04:28:29.531Z (12 months ago)
- Topics: javascript, typescript, typescript-vue, vee-validate, vue-js, vuetify
- Language: Vue
- Homepage:
- Size: 6.33 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.md
Awesome Lists containing this project
README
# vue-project-accelerator
Vue JS project accelerator that can serve as reference for bootstrapping projects. Includes localization and authorization via services based approach using vuetify for UX
The project aims to include many of the basic things one needs and includes:
- services based approach to encapsulate application logic and cross cutting concerns.
- use of [pinia](https://pinia.vuejs.org/) for stores that augment the services approach
- models that encapsulate the view models used (see models folder and those types)
- localization and authorization via services.
- "toast" style notifications and "modals" for dialogs via vue3-notification.
- use of basic css instead of sass
- forms and validation via [vee-validate](https://vee-validate.logaretm.com/v4/)
- use of HttpClient to call external REST API
- use of git hub pages to host the live example
## Live Demo
https://spinningideas.github.io/vue-project-accelerator
## Get Started
Install npm packages and run npm scripts to get started
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run dev
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize Vite Build Configuration
See [Configuration Reference](https://vitejs.dev/config/).
## More Info
- [Vue](https://vuejs.org/)
## Router
- [Vue Router](https://router.vuejs.org/)
### Vuetify
- [Usage](https://vuetifyjs.com/en/getting-started/installation/#installation)
- [Responsive UX](https://vuetifyjs.com/en/getting-started/wireframes/#examples)
### Forms
- [Vuetify Compliant Libs](https://vuetifyjs.com/en/components/forms/)
- [vee-validate](https://logaretm.github.io/vee-validate/)
### State Management
- [Pinia](https://pinia.vuejs.org/)