iwishyoujoy / vk-groups

website for vk communities with filters and sorts

Home Page:https://iwishyoujoy.github.io/vk-groups/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Тестовое задание - отбор на стажировку в команду ВК сообществ

Приложение на React с имитацией бекенда, в котором можно посмотреть список сообществ, отфильтровать их по:

  • цвету аватарки
  • типу приватности
  • наличию в нем ваших друзей (если навести курсор на количество друзей, откроются полные имена и аватарки, на мобильном устройстве то же самое по тапу)

Также список сообществ можно отсортировать по:

  • названию (алфавитный порядок)
  • количеству подписчиков
  • релевантности (чем больше друзей в сообществе, тем выше сообщество в списке)

Использованные технологии:

  • React
  • TypeScript
  • VK UI (все базовые компоненты)
  • React Context (для хранения данных)
  • Github Pages (для деплоя)

Еще реализовано:

  • Мобильная адаптивная верстка
  • Open Graph разметка
  • Имитация бекенда, которая включает в себя задержку ответа 1 секунда, рандомное выпадение ошибок (ошибка ответа бекенда и возвращение пустого результата)

Скриншоты

image image image image image

About

website for vk communities with filters and sorts

https://iwishyoujoy.github.io/vk-groups/


Languages

Language:TypeScript 85.2%Language:CSS 11.5%Language:HTML 3.3%