Development of a MiniApp in the bot with ready-made functionality

There is an existing bot @LuterShopBot that operates without a MiniApp. There is a button with the "Games" mode, specifically currently needed only – the game mode "Tower" and "Main Page” with ready functionality. 

We have a ready design for the "Tower" mode and the main page.

• Link to the layout: Figma design

Project goal:

• Implement MiniApp into the bot by realizing the main page and the "Tower" mode using the ready functionality and design.
• Replace other features at this stage with placeholders.

Tasks:

1. Main page of MiniApp:
   • Develop an interface that displays key sections:
     • Active section: "Tower" mode.
     • Inactive sections: Placeholders with the information "Coming soon".
   • Ensure convenient navigation for the user.
2. "Tower" mode:
   • Connect the ready game logic.
   • Integrate and adapt the design of the mode according to the layout (see link above).
   • Ensure the correct operation of the mode in MiniApp format.
3. Placeholders for other modes:
   • Implement temporary placeholders with informational messages about the upcoming update.

Non-functional requirements

• Performance:
  • Fast loading of MiniApp and smooth navigation between sections.
• Usability:
  • Intuitive interface that corresponds to the provided design.
• Reliability:
  • Correct error handling and stable operation of the application.
• Security:
  • User data protection.
• Compatibility:
  • Correct display on mobile and desktop Telegram clients.
• Scalability:
  • Possibility of further expanding the functionality of MiniApp (adding new modes).

Technical architecture

• Project base: Existing bot @LuterShopBot.
• Components:
  • Frontend MiniApp: Responsible for displaying the interface (main page, "Tower" mode, placeholders).
  • Backend: Provides the operation of the "Tower" mode functionality, processes requests.
• Integration:
  • Connecting the ready functionality of the "Tower" mode to the new interface.
  • Using Telegram API for MiniApp operation.
• Interaction of components:
  • The client part (MiniApp) sends requests and commands to the server.
  • The server processes requests, manages game logic, and returns responses.

Acceptance criteria

The project is considered completed if the following conditions are met:

• The main page of MiniApp fully corresponds to the approved design and functionality.
• The "Tower" mode is correctly integrated into MiniApp, and the functionality works without errors.
• All inactive modes are replaced with appropriate placeholders.
• All testing stages have been passed without critical errors.
• Positive feedback has been received from internal testing (UAT).