Тестовое задание для стажера Frontend

Таблица с данными о пользователях


Статус проекта: done


Реализовано:

  • сверстана таблица;
  • первая строка таблицы (заголовок) привязана и остается на месте при прокрутке таблицы.
  • создана форма для регистрации и аутентификации пользователя;
  • созданы попапы добавления/редактирования пользователей;
  • добавление/редактирование/удаление пользователя в таблице;
  • в работе для передачи/получения данных используется API https://reqres.in/;
  • система оповещений об ответах сервера;
  • реализована серверная пагинация для таблицы;
  • закрыта возможность любого действия, если пользователь не авторизован;
  • хранение token в localStorage;
  • валидация форм.

При создании применены технологии:

  • HTML;
  • CSS;
  • JavaScript;
  • React;
  • Методология БЭМ;
  • Webpack;
  • ESLint: eslint-config-react-app;
  • UI Ant Design;
  • yup validation;
  • formik.

Инструкция по развертыванию:

  1. Склонируйте репозиторий локально: git clone https://github.com/EvgeniiyaR/Aton-test-front.git
  2. Установите Node.js с официального сайта https://nodejs.org/
  3. Установите модули npm: npm install
  4. Запустите проект: npm run start

Так как используется стороннее тестовое API, то для регистрации/авторизации выделены определенные email. Например, eve.holt@reqres.in, george.bluth@reqres.in. Пароль можно ввести любой.


Ссылка на деплой проекта: https://evgeniiyar.github.io/Aton-test-front/

P.S. из-за особенностей роутов gh-pages работает некорректно. Если перейти по ссылке на деплой, то Вы попадете на неизвестную страницу, далее можно пользоваться внутренней навигацией на сайте.