multiplayer quiz gamelogo
eBites

Для тех,
кто

иБайтс — это мультиплеерный онлайн квиз с возможностью добавлять свои вопросы на разные темы. Выиграет тот, кто быстрее думает и печатает.

jordans

Room Logic

  • созданы комнаты, работающие параллельно
  • за каждый ответ начисляются очки 3 за 1 место, 2 за 2, и 1 за 1
  • длина игры по умолчанию до 15 очков
  • выбрасывает игроков из комнаты после игры новая начинается при наборе от 2 игроков
jordans

Questions

  • страница добавления вопросов
  • страница модератора по одобрению вопросов для попадания в базу
jordans

Shiba logo

  • пес Shiba на главной странице перебегает из верхнего логотипа на первую карточку на которую наводит игрок
jordans

Image Questions

  • добавлены вопросы с изображением и возможностью их добавлять
  • добавлена анонимная авторизация Google не требующая аккаунта и обычная авторизация с помощью Google
  • кнопка быстрой ссылки на комнату для отправки друзьям
jordans

Player avatars

  • добавлена предзагрузка изображений для следующего вопроса, чтобы игрок не ждал прогрузку картинки в момент получения вопроса
  • добавлены аватарки соперников и количество очков у каждого
  • Загрузка Skeleton
  • добавлен рандомайзер имен
jordans

Player chat

  • добавлен моментальный чат для игроков в виде облачков над аватарками, выводит введенный текст как сообщение, если это не было правильным ответом
  • добавлены модальные окна для выбора имени
jordans

Next 14

  • Переход на App Directory и Next 14
  • Редизайн выпадающих списков и модальных окон
  • Страница добавления вопросов обновлена
  • Добавлены тематические комнаты
  • пес Shiba на главной странице следит глазами за курсором и прячется при наведении на него
jordans

Coding Competition

  • ✅ Новая ERD
  • ✅ Переeзд на PostgreSql
  • ✅ Добавлен онлайн редактор кода для вопросов с запуском кода
  • ⌛ Тест кейсы
  • ⌛ Добавление вопросов с кодом
  • ⌛ Сортировка вопросов по темам

Next.js 14

The power of full-stack to the frontend.

Typescript

Весь проект на Typescript

SCSS

SCSS modules для стилизации проекта

ReactQuery

Powerful asynchronous state management for React.

SupaBase

Postgres database, an open source Firebase alternative.

StoryBook

Frontend workshop for building UI components and pages in isolation

React Hook Form

Performant, flexible and extensible forms with easy-to-use validation.

Попробуйте Frontend комнату
это весело.

Если в комнате никого нет кроме Вас и вам некого позвать, просто зайдите в режиме инкогнито за 2 аккаунт и начните игру