Alberto Clementehttps://teletype.in/atom/crc1372026-04-30T06:56:59.750Zcrc137:GvxyrR2sTpL2025-05-16T09:53:46.213Z2025-05-16T09:57:42.327Z

<img src="https://img4.teletype.in/files/78/bd/78bd97b9-1e3b-4aa4-86be-cae1276dd8e7.jpeg">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.

<p id="gyI6"><strong>Description</strong><br />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.<br /></p> <hr /> <p id="gxVc"><strong>Payment Process</strong><br />1. Participant receives the first payment (TON) when starting work on the task<br />2. Upon completing the task, the participant receives a second payment<br />3. If the solution meets the requirements, the participant receives the remaining amount<br />4. If the solution does not meet the requirements, the participant leaves with the two initial payments<br /></p> <hr /> <p id="AMwE"><strong>Technical Requirements</strong><br />1. <strong>Username Input Field</strong>: Create an input field where the user can enter a Telegram username (without the &#x27;@&#x27; symbol).<br />2. <strong>API Integration</strong>: Upon form submission, send a request to the following API endpoint:</p> <pre id="MpH6">https://api.coonlink.com/telegram-premium/check/test?username=&lt;USERNAME&gt;</pre> <p id="Qkez"><em>Replace &lt;USERNAME&gt; with the entered username.<br /></em><br />3. <strong>Display Results</strong>:</p> <ul id="6CW5"> <li id="fMiL">Show whether the user has a Telegram Premium subscription</li> <li id="n1T6">If possible, display the user&#x27;s avatar/profile picture</li> <li id="fdpF">Handle and display appropriate messages for errors (e.g., user not found, network issues)</li> </ul> <p id="jz7E">4. <strong>Asynchronous Handling</strong>: Implement asynchronous logic to handle the API request and response without blocking the UI.</p> <p id="NJwu">5. <strong>Styling</strong>: Apply the Vesper dark theme to the application for a sleek and modern look.<br /></p> <hr /> <p id="o2jt"><strong>Design Guidelines</strong></p> <p id="Us1U"><strong>Theme</strong>: Use the Vesper dark color <a href="https://github.com/raunofreiberg/vesper/blob/main/themes/Vesper-dark-color-theme.json" target="_blank">theme</a>.</p> <p id="oDET"><strong>User Experience</strong>:</p> <ul id="MGOC"> <li id="Ku3q">Ensure smooth transitions and interactions</li> <li id="syWM">Provide clear feedback during loading states and upon receiving results<br /></li> </ul> <hr /> <p id="CKct"><strong>Evaluation Criteria</strong></p> <ul id="VjNT"> <li id="5lYY">Correctness and completeness of the implemented functionality</li> <li id="67Xf">Code quality, including readability and organization</li> <li id="Vspz">User interface design and adherence to the Vesper dark theme</li> <li id="4pl4">Proper handling of asynchronous operations and error cases<br /></li> </ul> <p id="MMx9" data-align="center"><em>Submit your completed project as a GitHub repository or a ZIP file containing all necessary files.</em></p>