/ts-contact-list

Contact list with React and TypeScript

Primary LanguageTypeScript

О проекте

Проект написан на React JS на шаблоне Create React App --Typescript и Redux Toolkit

Запуск проекта

Выполнить следующие команды в терминале: сперва npm install, затем npm start
Версия node - 16.15.1

Библиотеки

Ant Design, Redux Toolkit, и React Router Dom v6

Как все работает

1. Приложение делится на две страницы: Вход и Список контактов;
2. После запуска проекта откроется страница с входом;
3. После успешного входа происходит переход на страницу с контактами;
4. Функционал:
  4.1. Вход в аккаунт и обработка ошибок в случае, если пользователь не найден или в случае других ошибок при запросе;
  4.2. При обновлении страницы после входа, пользователь остается в сети;
  4.3. Получение, удаление, редактирование, добавление, и поиск контактов. Также, обработка ошибок для каждой отдельной операции;
  4.4. Header показывается только если пользователь вошел в аккаунт. В нем есть кнопка выхода из аккаунта.