https://github.com/subbotinroman/todoapp-react.js

Современное приложение для управления задачами с адаптивным дизайном.
https://github.com/subbotinroman/todoapp-react.js

jest mui react redux-toolkit typescript vite

Last synced: 6 months ago
JSON representation

Современное приложение для управления задачами с адаптивным дизайном.

Host: GitHub
URL: https://github.com/subbotinroman/todoapp-react.js
Owner: SubbotinRoman
License: mit
Created: 2025-01-21T16:56:24.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2025-01-21T21:54:17.000Z (over 1 year ago)
Last Synced: 2025-01-21T22:20:13.491Z (over 1 year ago)
Topics: jest, mui, react, redux-toolkit, typescript, vite
Language: TypeScript
Homepage: https://subbotinroman.github.io/TodoApp-React.JS/
Size: 472 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Awesome Lists containing this project

README

# TodoApp-React.JS (React / TypeScript)

## Обзор 🌟

Современное приложение для управления задачами с адаптивным дизайном. Позволяет создавать, редактировать и отслеживать задачи с удобной фильтрацией. Интерфейс оптимизирован как для десктопных, так и для мобильных устройств.

### [Посмотреть демо 👈](https://subbotinroman.github.io/TodoApp-React.JS/)

ToDo-List preview

---

## Стек технологий ⚙️

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Redux Toolkit](https://img.shields.io/badge/redux%20toolkit-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=mui&logoColor=white)
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)
![Testing-Library](https://img.shields.io/badge/-TestingLibrary-%23E33332?style=for-the-badge&logo=testing-library&logoColor=white)

---

## Возможности 🚀

- ✏️ Создание и управление задачами (добавление, редактирование, удаление)
- 🔄 Изменение статуса задач (выполнено / активно)
- 🗑️ Удобное удаление: отдельных задач, всех задач или только выполненных
- 🔍 Фильтрация по статусу (все, активные, выполненные)
- 📱 Адаптивный дизайн с поддержкой мобильных устройств
- ✨ Современный интерфейс с анимациями и эффектами
- ⚡ Удобное управление состоянием через Redux Toolkit

---

## Как запустить локально 💻

1. Клонируйте репозиторий:
```bash
git clone https://github.com/SubbotinRoman/TodoApp-React.JS.git
```

2. Перейдите в папку с проектом:
```bash
cd TodoApp-React.JS
```

3. Установите зависимости и запустите проект:
```bash
npm i && npm run start
```

Приложение будет доступно по адресу: http://localhost:5173