Тестовое задание:
React-приложение личный кабинет, на вакансию Front-end Developer для Takeoff Staff
Посмотреть результат:
- ссылка на GitHub pages
- или
npm run start
Техническое задание - ссылка
Для упрощения процесса на странице авторизации уже есть 3 демонстрацонных пользователя.
Достаточно выбрать одного из нах и кликнуть на кнопку авторизации.
В процессе авторизации послается запрос на jsonplaceholder, если пользователь найден, по подгружается его информация (выводится в виде карточки).
Если пользователь не найден, то приложение выдаст соответствующую ошибку (можно проверить, если выбрать 4й вариант при выборе пользавтеля на странице авторизации).
На странице выводятся контакты авторизованного пользователя, у каждого пользователя свой собственный список контактов.
У первого пользователя есть предзаполненный, демонстрационный список контактов.
Можно:
- Искать по списку контактов;
- Добавить контакт в список;
- Удалить контакт;
- Отредактировать;
При редактировании контакта есть возможность отменить изменения.
Список контактов для хранится в localstorage, все изменения сохраняются.
- Работа с UI библиотекой Bootstrap-v5
- Работа со стейт менеджером Redux и Redux Toolkit
- Работа с middleware Redux Persist