In-depth Match Analysis and Platform Integration

Introduction

To create extensions that improve functionality and bring joy to users, it's important to focus on user-centered design, thoughtful layout strategies, and effective use of color and typography. Let's explore how you can seamlessly integrate your extensions with the Simple experience. If you plan to publish your App on the Marketplace, please review our Platform Application Guide for the Design and Usability section.

Crafting your interface

MK Sports platform applications run within an independent framework, allowing you to build user interfaces using standard HTML, CSS, and JavaScript, much like developing a single-page application. To simplify the process, you can adopt various frameworks and libraries. For example, React or Vue can be used to create UI components, while Tailwind CSS or Bootstrap can be used for style design.

Although the MK Sports platform does not mandate that applications must match the platform's native appearance, we firmly believe that applications with a consistent appearance to the platform style will be more favored by users and provide a superior user experience.

Design principles

Your application interface should adhere to the following key principles:

• User-Centric: The core of your application should be built around user needs, addressing their pain points in accessing match information and entertainment experiences.
• Simple and Intuitive: Application operations should be easy to understand, allowing users to get started without complex learning, and clearly highlight the presentation of match data.
• Design Consistency: Maintain consistency in style for colors, typography, and interactive elements throughout the application to enhance the user's smooth experience when browsing matches.
• Inspire Interaction: Application design should encourage user engagement and discussion, avoiding redundant steps that might distract from the exciting moments of the matches.
• Clear Communication: Use concise and clear copy to guide users in understanding the relationship between visual elements, layout design, and ease of use.
• Broad Accessibility: Ensure your application design complies with accessibility standards, allowing all sports enthusiasts to access match information without barriers.

Design guidelines

Choose a color scheme that aligns with your application's purpose and style. The MK Sports platform interface primarily uses clean and modern fonts; we recommend you also consider using them to maintain consistency.

Common API Errors

If you encounter such errors, please ensure your application is designed to effectively control request frequency. For example, avoid frequent polling while waiting for resource creation, or avoid making a large number of high-concurrency API calls.

{
    "message": "Too Many Requests",
    "code": "too_many_requests",
    "externalReference": null,
    "details": [],            
}

API Integration Guide

Our APIs interact with match data through easy-to-use objects and methods. With these APIs, you can manipulate existing elements or add new elements to your interface.

Match Preview

Let's walk through the key files needed to build your application's structure, styles, and dynamic content. You can learn more about your application's configuration, structure, and required files in our documentation. Feel free to experiment and adjust as you explore and modify the framework.

The best way to learn is by doing, and the framework provides a safe environment for experimentation.