Garbage-Game 🍃

Эко-игра, которая научит вас сортировать мусор.


Основные технологии, используемые в проекте:

HTML

CSS

JavaScript

React

Redux

NodeJS

PostgreSQL



А также: Sequelize, Drag&Drop, Figma и др.

Механика игры и путь пользователя:

  • Если пользователь не зарегистрирован/авторизирован, начать игру он не может. Если пользователь авторизован, он увидит форму ниже.

start screen

  • В приложении используется Loader для тайм-аута при обращении к базе данных.

loader

  • Основная механика игры заключается в сортировке разных видов отходов по бакам. Осуществлено с помощью технологии Drag&Drop. В интерфейсе игры также присутствует интерактивная шкала прогресса, "говорящий" персонаж, диалоги, бонусы и ачивки.

game

  • Конец игры обозначается бонусной статичной сценой!

final

  • Но это не всё! В игре есть два режима. Ниже вы увидите режим "конвейер", где единицы мусора движутся слева направо как на конвейере, а задача игрока - на скорость отсортировать мусор.

hardmode_start hardmode

  • По истечении времени в режиме "конвейер" выходит модальное окно с таблицей лидеров. Пока что в ней только Alex, пора составить ему конкуренцию!

hardmode_modal