README.md

# osu! guess the map game 🎲🧩
MEVN Stack <br>
Current maps number: <b>300</b> <br>
https://osu-guess-the-map.herokuapp.com

# Technologies 🧾
* Vue
  * vue-router
  * Tailwind CSS
  * axios, lodash
* Node
  * express
  * mongodb

# Preview 🔍
<h1 align="center">HOME</h1>
<img src="https://i.imgur.com/3ZUkLZW.png"> 
<h1 align="center">IMAGE GAME SETTINGS</h1>
<img src="https://i.imgur.com/w7zg8NZ.png" width="500">
<h1 align="center">AUDIO GAME SETTINGS</h1>
<img src="https://i.imgur.com/z1DgkH6.png" width="500">
<h1 align="center">IMAGE GAME</h1>
<img src="https://i.imgur.com/etrjUsB.png" width="700">
<h1 align="center">AUDIO GAME</h1>
<img src="https://i.imgur.com/thuZsB0.png" width="700">
<h1 align="center">WITH BLUR EFFECT</h1>
<img src="https://i.imgur.com/I3T2sml.png" width="700"> 

# Quick Start 🚀
```git clone https://github.com/irevenko/osu-guess-the-map.git``` <br>
```cd osu-guess-the-map/client``` <br>
```npm run serve``` <br>
```cd osu-guess-the-map/server```  <br>
```node server.js``` <br>
```go to localhost:8080```

# What I Learned 🧠
* Vue, router
* client-server architecture

# ToDo
* Multiplayer
* Customize audio player
* More maps
* Add other assests
* Add quiz with 4 variants
* Hints
* New input check system

# License 📑 
(c) 2020 Ilya Revenko. [MIT License](https://tldrlegal.com/license/mit-license)