> React Tasks/Todo App
React Todo/Tasks App
Simple todo/tasks application which is keyboard and screen reader accessible.
Demo: https://react-tasks-app-six.vercel.app/
How the project was initially setup
- Creating the project: https://vitejs.dev/guide/#scaffolding-your-first-vite-project
- Intalling and configuring Tailwindcss: https://tailwindcss.com/docs/guides/vite
Usage
- Clone project
git clone https://github.com/amroczeK/react-tasks-app
- Install dependencies
npm install
- Run application
npm run dev
- Navigate to http://localhost:5173/
Testing setup walk through
- Install vitest dependencies
npm i --save-dev vitest @vitest/ui jsdom
- Install testing-library dependencies
npm i --save-dev @testing-library/jest-dom @testing-library/react @testing-library/user-event
- Install types
npm i --save-dev @types/react @types/react-dom
- Add
/// <reference types="vitest" />
and/// <reference types="vite/client" />
to vite.config.ts - Add
"types": ["vitest/globals"]
to tsconfig.json