I want to keep the visual style simple with only two variations of light green, contrasting with the greyness of the font color.
Memory Game allows players to choose between three levels of the game (4, 8 and 12 cards mean easy, medium and difficult respectively)
They will then be presented with numbers on the cards and once they click PLAY, the cards will be turned down. To win the game, they are asked to range the numbers in an ascending order.
The server is an Express application connected to a PostgreSQL with Sequelize as ORM.
All the logics of the game are developed in the back.
The front end is built with Vue together with Vuex for state management.
I chose Vue mainly because I wanted to practice more with this framework.
Improving the Experience
The interface is currently not responsive and only limited to laptop users.
More features can be added, such as: increasing the level of difficulty if the player wins three times in a row, or having a time limit in the game.
I used Heroku with a free account plan to deploy the server, so it sometimes is a bit slow.
The front end is deployed with Netlify.