https://github.com/moisgames/todo-list-react-ts
Простое приложение на React + TS, управление списком дел.
https://github.com/moisgames/todo-list-react-ts
jest react testing todo-list ts
Last synced: over 1 year ago
JSON representation
Простое приложение на React + TS, управление списком дел.
- Host: GitHub
- URL: https://github.com/moisgames/todo-list-react-ts
- Owner: MoisGames
- Created: 2024-12-12T05:48:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-12T16:55:54.000Z (over 1 year ago)
- Last Synced: 2025-02-06T13:17:47.026Z (over 1 year ago)
- Topics: jest, react, testing, todo-list, ts
- Language: TypeScript
- Homepage: https://todo-list-react-ts-nine.vercel.app
- Size: 70.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TodoListReactTS
Небольшое Frontend приложение, написанное на:
REACT + TS
Библиотека для тестирования: Jest
Приложение представляет собой простой Todo list (Список задач).
Вас встречает окно ввода и 3 дела: 2 активных и 1 выполненное.
При вводе названия нового дела и нажатия на кнопку `ENTER`,
в текущий список дел помещается активная задача.
Слева от поля ввода `Input`, кнопка в виде стелочки,
которая скрывает/показывает лист задач.
Функционал:
Слева от названия задачи, есть кнопка в виде `Галочки`,
при нажатии на которую задача становится выполненной,
зачеркивается и кнопка становится зеленой галочкой.
В нижней части приложения:
`2 items left ` - показывает количество текущий задач(по умолчанию все).
Кнопка `All` - показывает все задачи.
Кнопка `Active` - показывает только активные на данный момент задачи.
Кнопка `Completed` - показывает только выполненные задачи.
Кнопка `Clear` - удаляет из списка выполненные задачи.
## Запуск и настройка
Чтобы запустить приложение:
В терминале введите
```cmd
npm i
```
```cmd
npm start
```
Нажмите Enter
Перейдите на `http://localhost:5173/`.
## Запуск unit тестов
Запустите `npm test`, чтобы выполнить модульные тесты Jest.
## Remote / Install
Чтобы создать клон репозитория в командной строке:
```cmd
git clone https://github.com/MoisGames/todo-list-react-ts.git
```