Есть возможности добавления, удаления, редактирования, поиска контактов. Привязана фейковая авторизация с JWT-токеном. Данные хранятся на localStorage.
Данные для авторизации:
Логин: admin
Пароль: admin
Версия без авторизации для быстрого теста тут
Для начала клонируйте репозиторий.
Затем в терминале сервера (fake-api-jwt-json-server) запустите следующие команды:
$ npm install
$ npm run start-authВ терминале клиента выполните следующее:
$ npm install
$ npm start
версия node: v16.14.0.
Для авторизации используйте данные, приведенные выше.
Для фронтэнд части проекта как фреймворк был использован React, как стейт-менеджер Redux Toolkit. Для стилей использовал CSS-препроцессор Sass. Приложение написано на TypeScript. Для анимаций использовал библиотеку Framer Motion. Остальное: адаптивно-отзывчивая верстка с использованием медиа-запросов, axios, react-router, react hooks, localStorage и т.д.
Как сервер для реализации авторизации был использован данный репозиторий из открытого доступа: fake-api-jwt-json-server
Автор иконки приложения: Andrean Prabowo