Team-09-practicum / Traffic-Racer

Traffic Racer

🔗 Website: traffic-racer.ru

Динамичная Endless-игра, разработанная в рамках курса Мидл фронтенд-разработчик

gameplay.mp4

Стек технологий

• React, Redux Toolkit и Redux Thunk
• Ant Design of React - UI библиотека
• React Hook Form + Yup - для валидации форм
• SASS - препроцессор CSS
• Express для SSR и API форума и темизации
• Docker, Docker-Compose для автоматического развёртывания приложения
• PostgreSQL для хранения данных форума и темизации
• MongoDB для хранения данных от формы обратной связи
• nginx для SSL, HTTP/2, раздачи статики и проксирования

Используемые WEB API

• Canvas - реализация игры на чистом Canvas
• Fullscreen - полноэкранный режим в игре
• ServiceWorker - кеширование и offline-режим
• Web Audio - музыка и звуки в игре
• Geolocation - получение координат игрока
• Telegram Bot API - уведомления команды о PR, CR и запросах из формы обратной связи

Документация

Проект представляет из себя монорепозиторий на основе lerna и состоит из следующих пакетов:

• @Traffic-Racer/client
  • React приложение.

Как правильно писать коммиты?

Можно почитать в соответствующей разделе документации

• @Traffic-Racer/server
  • Express приложение.
  • Использует в качестве зависимости пакет @Traffic-Race/client package.
  • Слушает http://localhost:3000 (CSR) и http://localhost:5000 (SSR).

Более подробно c проектом можно ознакомиться в отдельных разделах документации:

• Установка и запуск проекта
• Flow работы с проектом
• Соглашение об именах
• Описание ручек API
• Как использовать Redux
• Подключение ручек для клиентской части

Команда

Александр Ершов	Тимур Хайретдинов	Алексей Батутен	Валерия Степанова	Илларион Безруков
@Rufflet	@swash1	@Al-nvrsk	@StepanovaValeriya	@LarryBezrukov