https://github.com/elrouss/antipoff-group-test-assignment
Тестовое задание на позицию "Frontend-разработчик на React" в компанию Antipoff Group
https://github.com/elrouss/antipoff-group-test-assignment
elrouss html5 javascript react react-router redux-toolkit scss
Last synced: 2 months ago
JSON representation
Тестовое задание на позицию "Frontend-разработчик на React" в компанию Antipoff Group
- Host: GitHub
- URL: https://github.com/elrouss/antipoff-group-test-assignment
- Owner: elrouss
- Created: 2023-07-10T20:14:39.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-12T19:57:23.000Z (almost 3 years ago)
- Last Synced: 2025-04-01T17:52:44.245Z (about 1 year ago)
- Topics: elrouss, html5, javascript, react, react-router, redux-toolkit, scss
- Language: JavaScript
- Homepage:
- Size: 2.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Тестовое задание на позицию "React-разработчик" в компанию Antipoff Group
Оглавление
- Описание проекта
- Стек технологий
- Установка и запуск приложения в локальном репозитории
- Процесс создания
- Функционал
- Что можно улучшить
1. Описание проекта
Тестовое задание, представляющее собой четырехстраничное отзывчиво-адаптивное приложение с динамическим роутингом. На выполнение была выделена 1 неделя - по факту проект реализован за 2 дня.
Ссылки на проект:
Деплой: https://elrouss.github.io/antipoff-group-test-assignment/
Задание и макет: https://docs.google.com/document/d/1Zv2tPpmfqaDfx9-E2Z3M8CVuAaWajOkEPQ_o2oz4ATQ/edit
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. Что можно улучшить
- Оптимизация лишних ререндеров
- Добавить пагинацию
- Добавить обновление аватаров пользователей
