https://aaaaaaaaaa-mauve.vercel.app/
react-приложение для управления данными пользователей с интерактивной таблицей. пользователи могут просматривать, сортировать, выбирать, добавлять и удалять записи. приложение получает тестовые данные с dummyjson.com (https://dummyjson.com/docs) и сохраняет изменения локально через localStorage
стэк:
- React 18 (функциональные компоненты, хуки)
- CSS (модули, грид, флексбокс)
- Fetch API
- localStorage
- таблица пользователей с колонками: имя, фамилия, отчество, возраст, пол, телефон, email, страна, город
- сортировка по клику на заголовок (по возрастанию, по убыванию, без сортировки)
- выбор строк через чекбоксы (индивидуально или сразу все)
- удаление выбранных пользователей (имитация делит-запросов, локальное обновление списка)
- добавление нового пользователя через модальное окно с формой (пост-запрос)
- детальный просмотр информации о пользователе при клике на строку (модальное окно с доп инфой)
- реализован поиск пользователей по имени и другим признакам
- dark/light мод
- фильтрация по нескольким признакам
- обработка ошибок и состояния загрузки
- пагинация
- все изменения сохраняются в localStorage и восстанавливаются после перезагрузки страницы