E-Sports Gaming App For MPL

From a technical standpoint, the client had already done research on the technology that they wanted their app to be built in, and were fixated on utilizing React Native to its full capacity. Their requirement involved a new and improved UI for the mobile app, implementation of some new features within the app (as per the design and product requirements). An additional requirement was to build a web based dashboard for configuration and managing content on the mobile app as well as assert control over configurations, content and other promotional media that would be displayed on the app.

As a brand new look was pursued by the clients, the design team started their work to understand the product, the vision and the target audience, conducting constant interactions with the clients to get inside their heads and look at the product from their perspective. That was the secret to delivering an experience that was worthy of the platform and appropriate for the users. Figma was used to create the UI of the app and the web dashboard, Whimsical for designing feature workflows and Zookeeper for managing app configurations (which essentially allowed managers to show/hide/promote a particular feature on the app).

While the designers toiled hard at work, the dev team was in conversation with the clients to understand their technical requirements, in order to suggest a tech stack that would suit their platform well. As React Native was already decided upon, the only viable option came in the form of React for the web app. The frequency of communication between the devs and the clients was set to conducting sprints every week. The dev team agreed on shipping new features and new configurations every second week for the mobile app and the dashboard. Before every release, a walkthrough was conducted, which contained the UI workflow as well as backend feasibility for the features being shipped in that particular release.

With the UI and integration process running in tandem, the first set of screens and features delivered were the essential welcome modules, event and winners module, wallet features for secure transactions and leaderboards. MPL promised a whopping 60+ live games on their platform at launch, and the dev team was tasked with making sure that the platform is robust and scalable, enough to handle the number of players that were expected to be engaged with the app at a particular time. Handling these APIs was quite a task and keeping these things in mind, the registration flow, user management, referral modules, payment gateways and chat rooms/lobbies for players were designed.

As for the web app, the features that were being designed for the mobile app were to be manageable through the web dashboard and so it required extreme precision to design the flow of the dashboard in such a way that it promoted ease of use and ease of access to users, both old and new. React was used with Redux and Redis to create the frontend. Sentry was used for error logging and tracking & Babel was the choice of compiler for the project.

Testing was a function that was performed all throughout development and walkthrough sessions to test if the app was working as intended and was error free. Hansel was used for A-B testing with sample users and for the release rollout. Rest of the features were tested manually. The app was exposed to extreme testing scenarios and whatever bugs did pop up, were registered and fixed promptly. Postman was the choice of tool for testing APIs and endpoints.