Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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
```