todo - Overengineered todo list with Vue3, Vite, Pinia and Typescript

Live Demo: https://todo-ar363.vercel.app/

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 + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run End-to-End Tests with Cypress

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):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint