Task: Telegram Premium Status Checker
Description
Create a single-page web application that allows a user to enter a Telegram username and check whether that user has a Telegram Premium subscription.
Payment Process
1. Participant receives the first payment (TON) when starting work on the task
2. Upon completing the task, the participant receives a second payment
3. If the solution meets the requirements, the participant receives the remaining amount
4. If the solution does not meet the requirements, the participant leaves with the two initial payments
Technical Requirements
1. Username Input Field: Create an input field where the user can enter a Telegram username (without the '@' symbol).
2. API Integration: Upon form submission, send a request to the following API endpoint:
https://api.coonlink.com/telegram-premium/check/test?username=<USERNAME>
Replace <USERNAME> with the entered username.
3. Display Results:
- Show whether the user has a Telegram Premium subscription
- If possible, display the user's avatar/profile picture
- Handle and display appropriate messages for errors (e.g., user not found, network issues)
4. Asynchronous Handling: Implement asynchronous logic to handle the API request and response without blocking the UI.
5. Styling: Apply the Vesper dark theme to the application for a sleek and modern look.
Theme: Use the Vesper dark color theme.
- Ensure smooth transitions and interactions
- Provide clear feedback during loading states and upon receiving results
- Correctness and completeness of the implemented functionality
- Code quality, including readability and organization
- User interface design and adherence to the Vesper dark theme
- Proper handling of asynchronous operations and error cases
Submit your completed project as a GitHub repository or a ZIP file containing all necessary files.