Тестовое задание на позицию "React-разработчик" в компанию Antipoff Group

Оглавление

1. Описание проекта
2. Стек технологий
3. Установка и запуск приложения в локальном репозитории
4. Процесс создания
5. Функционал
6. Что можно улучшить

1. Описание проекта

Тестовое задание, представляющее собой четырехстраничное отзывчиво-адаптивное приложение с динамическим роутингом. На выполнение была выделена 1 неделя - по факту проект реализован за 2 дня.

Ссылки на проект:
Деплой: https://elrouss.github.io/antipoff-group-test-assignment/
Задание и макет: https://docs.google.com/document/d/1Zv2tPpmfqaDfx9-E2Z3M8CVuAaWajOkEPQ_o2oz4ATQ/edit

(к оглавлению)

2. Стек технологий

(к оглавлению)

3. Установка и запуск приложения в локальном репозитории

1. git clone https://github.com/elrouss/antipoff-group-test-assignment.git - клонировать репозиторий на свое устройство (HTTPS)
2. npm i - установить зависимости
3. npm run start - запустить приложение

NB! При тестировании приложения в удаленном репозитории (см. ссылку на деплой выше) не рекомендуется обновление страниц, имеющих добавочные эндпоинты к корневому урлу. Данное поведение объясняется особенностями совместимости Github Pages с модулем маршрутизации (React Router DOM)

(к оглавлению)

4. Процесс создания

Работа выполнена в 1 этап:

1. Отзывчиво-адаптивная верстка четырех страниц и написание логики

(к оглавлению)

5. Функционал

• Регистрация и авторизация пользователей с выходом из личного кабинета (использован тестовый api https://reqres.in/, поэтому по факту можно отправлять любые данные, которые прошли кастомную валидацию на клиенте)
• Переход на страницу с информацией о пользователе по клику на карточку (динамический роутинг)
• Отображение дополнительных карточек по клику на кнопку в случае большого массива данных (можно протестировать на разрешении, равным 767px и меньше)
• Добавление/удаление лайков с сохранением состояния после перезагрузки страницы

(к оглавлению)

6. Что можно улучшить

• Оптимизация лишних ререндеров
• Добавить пагинацию
• Добавить обновление аватаров пользователей

(к оглавлению)