Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xansiety/vue-template-quasar-refresh-token
Boilerplate to create a new project faster with Vue 3 Ecosystem , Vite, Quasar, and TypeScript
https://github.com/xansiety/vue-template-quasar-refresh-token
jwt-token pinia refresh-token typescript vue-router4 vuejs
Last synced: 4 days ago
JSON representation
Boilerplate to create a new project faster with Vue 3 Ecosystem , Vite, Quasar, and TypeScript
- Host: GitHub
- URL: https://github.com/xansiety/vue-template-quasar-refresh-token
- Owner: Xansiety
- Created: 2023-02-10T01:38:43.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-12T04:06:57.000Z (over 1 year ago)
- Last Synced: 2024-11-22T22:28:16.129Z (2 months ago)
- Topics: jwt-token, pinia, refresh-token, typescript, vue-router4, vuejs
- Language: TypeScript
- Homepage:
- Size: 38.1 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Boilerplate Vue 3 + TS + Quasar Plugin + Vite + Vue Router + Pinia + Axios
This project is to quickly create an initial project structure with guard-protected routes.
It implements the use of refresh token.
## Technologies used
This project was created with the following technologies:
Please, if you want more information about the technologies used, visit the documentation of each one.
- [Vue 3](https://vuejs.org)
- [Vite](https://vitejs.dev)
- [Quasar](https://quasar.dev)
- [Vue Router](https://router.vuejs.org)
- [Pinia](https://pinia.vuejs.org)
- [Typescript](https://www.typescriptlang.org)
- [Axios](https://axios-http.com)
- [VueUse](https://vueuse.org/)
***
... MORE COMING SOON 😍 !!
Yu can use this project as a base for your project, just clone it and start coding.
It hopes to help you in your projects.
I want tell you that this project is not finished yet, I will be adding more features and improvements.
# Features
- [x] Login
- [] Register
- [] Forgot Password
- [] Reset Password
- [] Profile
- [x] Home Page
- [x] Guard Protected Routes
- [x] Refresh Token
- [x] Logout
- [] Change Language
- [x] Change light/dark theme
- [] Api calls with axios
> Please, if you want to contribute to this project, you can do it by adding new features or improving the existing ones. send me a pull request and I promise check with you.
# Acknowledgments
And many thanks to all the people in the next list, who have contributed to the development of this project.
- Thanks to the [Vue 3](https://vuejs.org) team for the great work they do.
- Thanks to the [Vite](https://vitejs.dev) team for the great work they do.
- Thanks to the [Vue Router](https://router.vuejs.org) team for the great work they do.
- Thanks to the [Pinia](https://pinia.vuejs.org) team for the great work they do.
- Thanks to the [Quasar](https://quasar.dev) team for the great work they do.
- Thanks to the [Typescript](https://www.typescriptlang.org) team for the great work they do.
- Thanks to the [Axios](https://axios-http.com) team for the great work they do.
- Thanks to the [VueUse](https://vueuse.org/) team for the great work they do.
and special thanks to [@bluuweb](https://github.com/bluuweb) for the great inspiration he gives me with his videos, [@Klerith](https://github.com/Klerith) for the great inspiration he gives me with his videos.
# How to use
### Clone the repository
```bash
git clone [URL OF THE REPOSITORY]
```
### Go to the project folder
```bash
cd [PATH OF THE PROJECT]
```
### Install the dependencies
```bash
npm install or yarn
```
or
```bash
yarn
```
### Execute the project
```bash
npm run dev
```
or
```bash
yarn dev
```
### Enjoy it! 🚀
Put on some music, put the cell phone away for a moment and come on, you have a project to deliver or create a hobby project!
## License
I don´t have any license of any technology used in this project, so I don´t know if I can use a license in this project, but I don't care.. I only want to help people with this project, so you can use it as you want, but I would appreciate mention all creator/community of technologies used in this project in your project.
# Made with ❤️ by [Xansiety](https://github.com/Xansiety)