Skip to content

📝 Поиск пользователя по логину на gitHub (тестовое задание)

Notifications You must be signed in to change notification settings

GeniaV/user-search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Интерфейс поиска пользователей по логину

тестовое задание SkyEng

Задание

Необходимо реализовать интерфейс поиска пользователей. Данные по пользователям берутся с https://api.github.com/search/users?q={имя пользователя} (документация)

Требования:

  • Поиск: по логину
  • Сортировка: по количеству репозиториев (возрастанию/убыванию)
  • Использовать React
  • Пагинация
  • При клике на элемент - открываются подробности (как и какие на усмотрение разработчика)
  • Реализовать 3 юнит-теста на функционал.

Реализация

Preview

Интерфейс реализован для просмотра на разрешении экрана 1920х1080 px. Верстка адаптирована также под мобильные устройства. В ТЗ требуется организация функционала, поэтому упор сделан на функционал.

При нажатии на иконку поиска, происходит выдача результатов. На одной стаинице показывается 15 записей. Для перемещения по выдаче имеется навагация по страницам и кнопки назад/вперед. Для сортировки по количеству репозиториев предназначены соответствующие кнопки.

Результаты

При нажатии на логин в модальном окне открываются дополнительные детали пользователя.

Результаты

По задению также необходимо написать 3 юнит-теста. Для запуска тестов необходимо воспользоваться командой:

npm test

Stack

HTML, CSS, JavaScript, React, TypeScrip, Redux Toolkit, React Router, Jest

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

Необходима установка Node.js.

Установите завистимости:

npm i

Запустите приложение командой:

npm run start

About

📝 Поиск пользователя по логину на gitHub (тестовое задание)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published