The Notes App

This project is an example task from this idea. I've decided to use Vue 3, Vite, Pinia, Vitest, and CSS. I've implemented basic unit tests and E2E tests.

Project structure

e2e this directory contains E2E tests

src/assets this directory contains assets like CSS files, images and fonts

src/components this directory contains Vue components

src/models this directory contains TypeScript models

src/store this directory contains application store related code

__tests__ those directories contain test files

Available scripts

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests

npm run test:unit

Run E2E Tests

npm run test:e2e

Lint with ESLint

npm run lint

Packages and tools

This project uses some popular packages.

Here is the list:

• Vue 3
• Pinia
• Marked
• DOMPurify
• TypeScript
• Vite
• Vitest
• Playwright