Приложение управления записями

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

Функциональность

• Таблица с данными (15 полей)
• Бесконечная подгрузка данных при прокрутке (Infinite Loading)
• Форма добавления новых записей с валидацией
• Фильтрация и сортировка данных
• Адаптивный дизайн
• Темная/светлая темы

Технологии

• React + TypeScript
• Material UI для компонентов интерфейса
• Redux Toolkit для управления состоянием
• JSON Server в качестве бэкенда
• Jest для тестирования

Почему Redux Toolkit?

В проекте используется Redux Toolkit как стейт-менеджер по следующим причинам:

1. Оптимизация для типичных сценариев - работа с асинхронной загрузкой данных и Infinite Loading требует четкого управления состоянием.
2. Типизация с TypeScript - обеспечивает безопасность типов и автодополнение.
3. Уменьшение шаблонного кода - RTK избавляет от необходимости писать много boilerplate-кода.
4. Встроенные инструменты для асинхронных операций - createAsyncThunk идеально подходит для работы с API.

Запуск проекта

Предварительные требования

• Node.js 14.x или выше
• npm или yarn

Установка зависимостей

npm install
# или
yarn

Запуск JSON Server (API)

npm run server
# или
yarn server

JSON Server будет запущен на порту 3001.

Запуск приложения

npm start
# или
yarn start

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

Тестирование

npm test
# или
yarn test

Структура проекта

/src
  /api         - API клиент и запросы к серверу
  /components  - React компоненты
  /store       - Redux хранилище и слайсы
  /tests       - Тесты
  /types       - TypeScript типы
  /utils       - Вспомогательные функции

Дополнительная информация

Приложение использует локальную базу данных JSON Server. Файл db.json в корне проекта содержит начальные данные для приложения.