Skip to content

Deolys/antd-table

Repository files navigation

User management app

Приложение, позволяющее визуализировать и редактировать данные пользователей (полный перечень CRUD операций).

image

Основные формы

  1. Таблица пользователей. Заголовки:

    • id - уникальный идентификатор пользователя (ключ)
    • login - логин
    • password - пароль
    • name - имя пользователя
    • type - тип пользователя
    • last_visit_date - дата последнего визита

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

  2. Форма с фильтрами. Фильтры:

    • По имени пользователя
    • По типу пользователя
    • По дате последнего визита (дата с)
    • По дате последнего визита (дата по)

    Фильтрация происходит по нажатию кнопки асинхронно с отображением индикатора загрузки.

  3. Форма для добавления и редактирования пользователя. Поля формы:

    • Имя
    • Логин
    • Пароль
    • Тип пользователя

    Содержит проверку на заполнение всех полей, а также на использование уникального логина при создании или редактировании пользователя.

Использованные технологии

React state manager: effector TypeScript Ant-Design Vite ESLint code style: prettier

Начало работы

  1. Клонирование репозитория
  git clone https://github.com/Deolys/antd-table.git
  1. Установка зависимостей
npm install
  1. Запуск
npm run dev