Skip to content

lenin5558dif/game3row

Repository files navigation

🎮 Everglow Match-3 Game

Интерактивная Match-3 игра для салона лазерной эпиляции Everglow Beauty, сочетающая увлекательный геймплей с образовательным контентом.

✨ Особенности

🎯 Игровой процесс

  • 3 уровня сложности с прогрессивным увеличением целевого счета
  • Интерактивная система комбо с множителем до 4x
  • Специальные элементы: бомбы, супер-бомбы, молнии
  • Система бустеров: перемешивание, бомбы, дополнительное время
  • Адаптивный дизайн для мобильных устройств и десктопа

📚 Образовательный контент

  • Интерактивные уроки с 3D флип-карточками и свайп-навигацией
  • Квизы с геймификацией - XP, достижения, эффекты частиц
  • Система прогрессии с разблокировкой уровней
  • Промокод на скидку за прохождение всех уровней

🎨 Визуальные эффекты

  • Анимации Framer Motion для плавных переходов
  • Эффекты частиц и конфетти для достижений
  • Ветвящиеся молнии с SVG анимацией и искрами
  • Встряска экрана при взрывах
  • 3D анимации для карточек уроков

🚀 Технологии

  • React 18.2.0 с TypeScript
  • Vite для быстрой разработки
  • TailwindCSS для стилизации
  • Framer Motion для анимаций
  • Адаптивный дизайн с поддержкой touch-устройств

📱 Поддерживаемые устройства

  • ✅ Десктоп (Chrome, Firefox, Safari, Edge)
  • ✅ Мобильные устройства (iOS Safari, Android Chrome)
  • ✅ Планшеты
  • ✅ PWA совместимость

🎮 Как играть

  1. Изучите правила - интерактивная презентация на 6 страницах
  2. Выберите уровень - начните с первого уровня
  3. Пройдите урок - изучите материал через 3D карточки
  4. Играйте - соединяйте 3+ одинаковых элементов
  5. Сдайте квиз - закрепите знания
  6. Получите промокод - 5% скидка в клинике!

🏆 Система достижений

  • Комбо цепочки - увеличивайте множитель
  • Специальные элементы - создавайте мощные комбинации
  • Бустеры-награды - получайте за хорошие результаты
  • Прогрессия уровней - разблокируйте новый контент

🛠️ Разработка

# Установка зависимостей
npm install

# Запуск в режиме разработки
npm run dev

# Сборка для продакшена
npm run build

# Предварительный просмотр сборки
npm run preview

📦 Деплой

Проект оптимизирован для деплоя на Vercel:

  • Автоматическая сборка из GitHub
  • SPA роутинг настроен
  • Оптимизация производительности
  • Безопасные заголовки

🎯 Бизнес-цели

  • Образование клиентов о лазерной эпиляции
  • Увеличение конверсии через интерактивный опыт
  • Повышение лояльности через геймификацию
  • Сбор лидов через промокоды

Создано для Everglow Beauty - салон лазерной эпиляции ✨

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages