Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/PummelerDev/hackathon


https://github.com/PummelerDev/hackathon

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

## Команда № 35

* Ян - [Telegram](https://t.me/yan_developer)
* Павел - [Telegram](https://t.me/pasha_kukuruza)
* Ирина - [Telegram](https://t.me/eireen_sid)

## Стек


Frontend - Vue 3, Axios, Bootstrap, Pinia




Vue



Backend - Spring




Spring

## Описание проекта
Мы работаем над проектом Slider Game (Пятнашки).
Реализованы все фичи из базового минимума:
* Вывод поля с пятнашками и правилами игры
screenshot
* Поле 4х4, кусочки распределяются рандомным образом
screenshot
* Удобно подсвеченная навигация (стрелки в направлении движения, скрин выше)
* Возможность начать игру заново (скрин выше)
* Экран поздравления с окончанием игры
screenshot

Из дополнительного списка реализован следующий функционал:
* Возможность выбора поля других размеров 3х3, 5х5 (ползунок легко/сложно)
screenshot
* Возможность выбора из нескольких тематических иллюстраций (select)
screenshot

## Ссылка на деплой
https://hackathon-pummelerdevs-projects.vercel.app

## Инструкция, как развернуть проект локально
### Frontend
Проект запустится на порту `http://localhost:5173`
```bash
# Склонировать репозиторий
https://github.com/PummelerDev/hackathon.git

# Перейти в папку frontend
cd frontend

# Установить зависимости
npm install

# Запустить проект
npm run dev
```
### Backend
Проект запустится на порту `http://localhost:8080`
```bash
# Установить докер
# Склонировать репозиторий
https://github.com/PummelerDev/hackathon.git

# Перейти в папку с проектом

# Собрать проект
docker-compose build

# Запустить проект
docker-compose up -d
```