The Sinners

Dota 2 is a free-to-play multiplayer online battle arena (MOBA) game developed by Valve. It's essentially a strategic team brawl between two teams of five players.

The Sinners provides the latest news, gameplay updates, patch notes, hero information and team match results by combining multiple APIs to show the data to the end user.

The Challenge

Developing a complex website where users are able to consume APIs to view data effciently presented several challenges. Here are some of the obstacles:

Data Integration: Merging different data sets from different APIs proved to be a much more complex task than I anticipated. It was crucial to make sure we maintain data integrity by using data transformation and validation techniques, while making sure the data displayed is accurate.

Serverless Functions: Cross-Origin Resource Sharing (CORS) errors can be a hurdle when developing applications that access data from different domains. These errors arise when you try to access data from an API hosted on a different domain, but security restrictions prevent the interaction.

The Solution

Analyzing the structure and format of the data retrieved from each API endpoint, I was able to establish a mapping strategy to connect the corresponding elements between the data sets. This involved indetifiying common identifiers like IDs or other unique attributes.

By implementing the serverless functions, I effectively eliminated CORS restrictions, allowing smooth communication and data exchange between the aplication and the external APIs.

In addition, I worked closely with the QA manual tester and I gained valuable insights into user behavior. This process gave me a new perspective on how users might interact with the app, helping me anticipate potential issues.