乐鱼APP Development 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

乐鱼APP applications can run within an iframe, allowing you to use standard HTML, CSS, and JavaScript to develop user interfaces, much like building a single-page application. You are free to choose frontend frameworks like React or Vue, or styling libraries like Tailwind CSS or Bootstrap to simplify the development process.

While 乐鱼APP does not mandate native integration, we firmly believe that more native-feeling applications will attract users and provide an excellent user experience.

Design principles

Your 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 pain points.
• Simple and easy to use: Your application should be easy to get started with, requiring minimal learning cost, and should complement the visual abstraction of the code rather than adding complexity.
• Consistent design: Use unified design elements throughout the application, such as colors, typography, and button styles, to enhance user experience and navigation ease.
• Inspire creative momentum: Applications should not hinder the creative process, avoiding unnecessary steps or options that might interrupt the user's flow.
• Clear language: Use concise and straightforward copy to guide users in understanding the connection between visuals, layout, and usability.
• 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 aligns with your app's positioning and style. 乐鱼APP primarily uses the Inter font; we recommend you adopt it as well to maintain visual consistency.

Common error handling

If you encounter this type of error, check if your application is limiting request frequency. Frequent polling of resource creation status or making numerous concurrent API calls may trigger this limit.

{
    Message content: "Request too frequent",
    Error code: "too_many_requests",
    External reference information: Null value,
    Details: [],            
}

API Integration

Our APIs provide easy-to-use objects and methods for interacting with the canvas. With these APIs, you can conveniently manipulate existing elements or add new ones to the canvas.

Summary and Outlook

Let's consolidate the core files needed to build your application's structure, styling, and dynamic content. You can delve deeper into application configuration, structure, and essential files in our documentation. Feel free to experiment and adjust as you explore and modify.

Practice is the best way to learn, and a project scaffold provides a safe environment for experimentation.