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

https://github.com/mirzaianov/test-todo

Test Project - A custom Todo app
https://github.com/mirzaianov/test-todo

react react-testing-library typescript unit-testing vite vitest

Last synced: 2 months ago
JSON representation

Test Project - A custom Todo app

Awesome Lists containing this project

README

          

# "Todo App" Test Project

![MasterHead](./head.gif)

## Description

### A todo app that manages a list of tasks

### Features

- The pixel-perfect layout
- An input field for a new task
- A list of all tasks with option to hide it
- Separate filters to show lists of `All`, `Completed` & `Active` tasks
- 100% Unit Tests coverage
- Utilized React Hooks

### Dependencies

1. `Vite`
2. `TypeScript` • `React` • `React Hooks`
3. `Vitest` • `React Testing Library`

## Installation & Execution

### Install via Vite

```bash
git clone https://github.com/mirzaianov/test-todo.git
cd test-todo
npm i
```

### Run in the development mode

```bash
npm run start
```

Vite will start frontend server on [http://localhost:5173/](http://localhost:5173/)

### Or open the deployed site

[https://todo-mirzaianov.vercel.app/](https://todo-mirzaianov.vercel.app/)

## Run Tests

![Unit Tests Coverage](./coverage.png)

### The test

```bash
npm run test
```

### The tests coverage

```bash
npm run coverage
```

## License

### MIT license

You can use the code, but I ask you do not copy this site without giving me credit.