Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ar363/todolist-vue-ts
Overengineered todo list with Vue3, Vite, Pinia and Typescript
https://github.com/ar363/todolist-vue-ts
cypress pinia typescript vite vue vue3
Last synced: 2 months ago
JSON representation
Overengineered todo list with Vue3, Vite, Pinia and Typescript
- Host: GitHub
- URL: https://github.com/ar363/todolist-vue-ts
- Owner: ar363
- Created: 2022-10-24T02:19:28.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-03-16T18:48:26.000Z (almost 2 years ago)
- Last Synced: 2023-11-02T15:36:42.480Z (about 1 year ago)
- Topics: cypress, pinia, typescript, vite, vue, vue3
- Language: TypeScript
- Homepage: https://todo-ar363.vercel.app
- Size: 1.2 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# todo - Overengineered todo list with Vue3, Vite, Pinia and Typescript
Live Demo: https://todo-ar363.vercel.app/
![](demo.gif)
## Features
- CI/CD Pipeline configured
- End to End testing with Cypress
- Fully type safe stores with Pinia
- Works offline with localStorage
- Looks nice## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
## Project Setup
```sh
npm install
```### Compile and Hot-Reload for Development
```sh
npm run dev
```### Type-Check, Compile and Minify for Production
```sh
npm run build
```### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
npm run test:e2e:dev
```This runs the end-to-end tests against the Vite development server.
It is much faster than the production build.But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):
```sh
npm run build
npm run test:e2e
```### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```