https://github.com/vlaek/todo-react

React, TypeScript, ToDo
https://github.com/vlaek/todo-react

css-modules react react-transition scss typescript

Last synced: 10 months ago
JSON representation

React, TypeScript, ToDo

• Host: GitHub
• URL: https://github.com/vlaek/todo-react
• Owner: Vlaek
• Created: 2023-07-22T18:32:05.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-01T12:37:13.000Z (over 2 years ago)
• Last Synced: 2025-02-07T03:42:14.657Z (12 months ago)
• Topics: css-modules, react, react-transition, scss, typescript
• Language: TypeScript
• Homepage: https://vlaek.github.io/ToDo-React/
• Size: 2.66 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React - ToDo

## Описание

[**ToDo**](https://vlaek.github.io/ToDo-React/) - это пет-проект разработанный на основе React, и представляет собой простую, но эффективную систему управления задачами. Он предоставляет пользователю удобный интерфейс для создания, просмотра и редактирования списка задач. Также имеется возможность фильтрации и сортировки задач.

Основные возможности проекта включают:

* **Создание задач** - пользователи могут легко добавлять новые задачи с описанием.

* **Просмотр задач** - задачи отображаются в удобном списке.

* **Фильтрация задач** - задачи можно отсортировать, либо же воспользоваться поиском.

* **Редактирование и обновление задач** - пользователи могут легко редактировать существующие задачи.

* **Удаление задач** - если задача больше не актуальна, пользователь может легко удалить ее из списка.

Дополнительные зависимости:

* **HTML, CSS, SASS, JavaScript, React, TypeScript**

* **React Transition**

* **React Icons**

* **gh-pages**

## Иллюстрации

### Главная страница

![Главная страница](https://i.imgur.com/ikk0AHa.gif "Главная страница")

### Модальное окно добавления новой задачи

![Создание задачи](https://i.imgur.com/fMjgHoD.gif "Создание задачи")

### Модальное окно редактирования задачи

![Редактирование задачи](https://i.imgur.com/eGZ6ojm.gif "Редактирование задачи")

### Удаление задачи

![Удаление задачи](https://i.imgur.com/WYT5Ez7.gif "Удаление задачи")

### Поиск задачи

![Поиск задачи](https://i.imgur.com/AnWOzTz.gif "Поиск задачи")

### Сортировка задач

![Сортировка задач](https://i.imgur.com/N1P3Ayx.gif "Сортировка задач")