The story behind “MatchGame”

Miguel Pacheco
3 min readNov 15, 2021
MatchGame Logo

Making a matching app as our portfolio project in only six weeks end up fun and productive. And especially we learn a lot. When we decide what we want to do we think that the gaming community increased a lot since the start of the pandemic, and we decide to create an App that helps people to find more people that wants to play video games based on the video games that the user plays Ezequiel Martínez took the role as the project manager, Gabriel Prochnau took the role as the BackEnd Developer and myself took the role as the Front-End Developer.

Everyone on our team enjoys video games and we agree on the idea of create a social media app, so it was a easy project focus to agree. For me, I didn’t find people to play video games before so talking with some partners some of them agree with the idea and we started thinking and planning that, also one of the reasons that i joined this project is that I had decided to learn a new Framework, in this case, VueJS and create a responsive web application

Technologies

For our project we decide to decide to learn new technologies in order to improve our learn of new things.

Vue Logo
Vuetify Logo

Create a full responsive web application that works on both, mobile and desktop devices was fun and challenging, so for the Frontend we chose to use VueJS as our framework plus Vuetify Components

For the communication between the front end and the backend we decide to use JavaScript with Axios in order to make the requests to the API

For the BackEnd we decide to use MySQL for our Database, and Python with SQLAlchemy as our Object Relational Mapper (or ORM) and Flask as our API

Features

  • The web application is responsive and compatible with mobile. This means users can access the project from a mobile view!
  • After a successful Match you can find it on the Matches Tab for future Game Sessions.

Challenges

On the last phase of the project the Front-End doesn’t return data (matches, profile data, etc.). After looking on the logs and the code that returns from the API to the Front-End we notice some bugs on both, Front-End and the API about the return of more than one match and other errors that produces a 500 error code, after a few hours of thinking, trial and error we managed to fix the errors and we succeed on the recording of the demo video for the presentation.

About Me

I’m a proactive and happy developer, with experience working on HTML, CSS (Tailwind CSS), and knowledge of VueJS

It was a awesome and rewarding experience and surely will not be the last application or web that i’ll develop. Thanks for reading this and thanks a lot to Holberton for the opportunity

--

--

Miguel Pacheco

Student at Holberton School | Aspiring to be a Front-End Web developer