LoPibe The Game

Screen Capture of our web-app working

Inspiration

The main inspiration for our web-app was from a popular Spanish TV show called "La Ruleta de la Suerte", in which the contestants have to guess a phrase by saying different letters. We gave it our own twist in order to make it more challenging and original. The aesthetics and structures were inspired by the popular puzzle game "Wordle", which had a prominent success by making this type of games more accessible to all kinds of people.

What it does

It's a puzzle memory game in which the player has to guess a covered phrase, that briefly shows random letter's from it, in a brief amount of time. The faster you do it, the more points you get; and they keep accumulating until you fail to solve a phrase. When your game is over, you can upload your score to the online ranking. But besides the single player mode, we also made a competitive 1vs1 mode. You can play against an opponent online and test your skills against others.

How we built it

We build the frontend, where most of the computation is done using HTML, CSS also using the Bootstrap library and JavaScript to do the logic of the program, so it could be played in a browser both Computer and Handheld browsers. The backend, which provides the phrases to solve, that saves and provides the ranking and that allows the necessary data interchange for the 1vs1 matches is build using Java, which is executing in an Apache Tomcat server exposing an API, and MySQL, the database in which all the necessary information in stored. The frontend files are served by and Apache Server. All the processes are running on different ports in an Oracle Cloud server, provided free of cost under their Always-Free programme.

Challenges we ran into

We ran into several issues we had a hard time resolving. Firstly, we didn't know what to do as it wasn't easy to figure out how to face the challenge and we hadn't any clear projects in mind. Another thing that gave us quite some trouble was the backend configuration, because doing it with Java wasn't an easy task , and the CORS wasn't letting the server receive responses. And last but not least, doing the multiplayer connection was a very daunting task due to our lack of experience in the field.

Accomplishments that we're proud of

We managed to complete and implement our main goals, we created a program that wasn't just fun to work with but also to play with and finally what we are most proud of is that we worked really great as a team, we were efficient, productive and we enjoyed working with each other.

What we learned

We learned a lot of things during this short period of time, for us it was a great oportunity to learn javascript and how to implement it in a website, html, css and bootstrap and how to be more profficient at designing and formatting pages, and also the backend connections and configuration that took us so much time to learn will be very usefull for our next projects.

What's next for LoPibe The Game

We plan on adding and fixing a few things, for instance the difficulty spike, how the points works, adding more modes... we want to expand it and try to get as many people as possible to play it.