MK Sports Match Integration Guide

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 Market Application Guide for the Design and Usability section.

Crafting your interface

MK Sports' match live streaming interface allows you to develop using standard HTML, CSS, and JavaScript, similar to building a single-page application. You can flexibly use frameworks like React or Vue to build UI components and use Tailwind CSS or Bootstrap for style design.

While MK Sports does not mandate that match content be entirely native to the platform, we firmly believe that applications with a better user experience and a more native feel will be more favored by users, leading to a more immersive viewing experience.

Design principles

Your match live streaming interface should adhere to the following key principles:

• User-Centric: The application's goals and value should be defined around user needs, addressing their unique viewing pain points.
• Simple and Easy to Use: Your application should be easy to operate and quick to learn. It should assist in visualizing match data, not complicate it.
• Design Consistency: Maintain uniformity in design elements such as colors, typography, and button styles throughout the application to enhance user experience and navigation.
• Inspire Creativity: The application should not hinder the presentation of match content. Avoid unnecessary steps or options that might interrupt the user's immersive viewing experience.
• Clear Language: Use concise and clear copy to guide users in understanding the relationship between visuals, layout, and ease of use.
• Accessibility: Strive to make your application accessible to all users, ensuring compliance with accessibility standards and best practices.

Design guidelines

Choose a color scheme that matches your match content and style. MK Sports primarily uses the Inter font, and we recommend you consider adopting it as well to maintain visual consistency.

API Error Handling

If you encounter such errors, ensure your application has rate limiting in place. For example, excessive polling while waiting for resource creation or making a large number of high-concurrency API calls can trigger this prompt.

{
    "Message": "Too Many Requests",
    "Code": "too_many_requests",
    "External Reference": Null Value,
    "Details": [],            
}

API Integration Guide

Our API interacts with match data through user-friendly objects and methods. Utilizing these APIs, you can easily obtain real-time scores, team information, match schedules, and more.

Concluding Analysis

Let's walk through the key files needed to build your match application, which will bring structure, style, and dynamic content to your app. You can learn more about application configuration, structure, and essential files in our detailed documentation.

The best way to learn is by doing, and our framework provides a safe environment for trial and error, helping you quickly master match data integration.