Creating a Telegram App in a bot on Laravel + Vue
Good day, dear freelancers.
I am looking for an experienced developer for an individual project to develop a Telegram Web App using the Laravel + Vue stack. You should have experience in developing TWA games, as knowledge of the game mechanics of a simple game will be required.
It would be great if you have skills in designing game mazes for TWA. If you do not have such skills, I will involve a designer who will create the entire framework of the game pages (including the mazes), but you should have good knowledge of Javascript to correctly write the game mechanics: the hero does not go beyond the maze boundaries, he must collect "coins" in the maze, and there is a "gun" in the game that shoots and prevents the hero from collecting coins.
I assume that the hero's position in the maze needs to be calculated based on coordinates and accordingly moved when controlling with a "joystick" or buttons on the phone. That is, there should be a possibility to control the hero in the game.
Application layout in Figma:
https://www.figma.com/design/lzA44KguI5xlXEXYotwCzM/7188_Omex-apps_03?node-id=0-1&m=dev&t=zvWDFI2zJIw4Gxkb-1
Description of mechanics:
1. General information:
Goal: Development of an application that allows users to participate in games, complete tasks, collect and exchange TON coins, invite friends, and receive rewards for it. The application is also integrated with social networks and the TON wallet.
Main technology stack:
Frontend: Vue.js for the user interface.
Backend: Laravel, Go for database interaction and API.
Database: MySQL for storing information about users, tasks, and progress.
Integrations: API for Telegram, TON.
2. Application functionality:
The application includes several key components:
2.1 Account verification screen
Description: After logging into the application, the user goes through verification based on three parameters:
Account age in Telegram.
Presence of Telegram Premium.
Invitation status.
Functionality:
Use Telegram API to verify parameters.
Display verification progress for each parameter.
Asynchronous verification and instant result output.
Development requirements:
Integration with Telegram API to obtain user data.
Implementation of UI with progress bars displaying verification status.
Error handling and exceptional situations (for example, if data is unavailable).
2.2 Welcome screen
Description: After successful account verification, the user sees a message with the registration date on the platform and bonuses.
Functionality:
Retrieve information about the user's registration date.
Credit bonuses after successful account verification.
Development requirements:
Obtain data from the server about the user (registration date, credited bonuses).
Welcome animation and a button to proceed to the next screen.
2.3 Integration with TON wallet
Description: Users can link their account to the TON wallet to receive bonuses and perform cryptocurrency operations.
Functionality:
Input TON wallet data to link with the account.
Verification and saving of the user's TON wallet.
Development requirements:
Integration with TON API for wallet management.
Display the status of linking the account and wallet.
2.4 Game module (maze)
Description: The user must navigate through the maze, collect TON coins, and return to the starting point while cannons shoot at the robot so that it does not reach the coin, with 8 levels of the maze having their own difficulty within a certain time. After successful completion, the level becomes more difficult, and the second level opens after 7 hours.
Functionality:
Control the character's movement through the interface (arrows or joystick).
Limited time to complete the task (timer).
Credit TON coins to the wallet after successful level completion. The minimum amount for withdrawal is 5 TON.
Development requirements:
Implementation of a game engine with character animation, cannon with bullets, timer, and coin collection logic.
Logic for increasing level difficulty: after the first level, the next one becomes available after 7 hours and has a more complex structure.
Automatic crediting of coins to the user's account after successful level completion.
2.5 Currency exchange module
Description: Users can exchange cryptocurrency (TON to Omex and vice versa) using the current rate.
Functionality:
Display the current rate and update it every few seconds.
Input field for selecting the conversion amount.
Confirmation of the exchange operation with recalculation of the amount.
Development requirements:
Integration with API to obtain current rates for TON and Omex.
Implementation of exchange logic with minimum and maximum transaction limits.
Handling transaction confirmations with display of the final amount.
2.6 Tasks and rewards
Description: Users can complete tasks (for example, subscribing to a YouTube channel, liking a post on Instagram, TikTok, Telegram) and receive rewards in the form of the game coin Omex.
Functionality:
List of tasks with the ability to complete and receive rewards.
Ability to edit and add new tasks through the admin panel.
Task completion verification system through API (for example, checking YouTube subscription).
Automatic crediting of rewards after task completion.
Development requirements:
Implementation of checks for task completion (YouTube, Instagram, TikTok, Telegram) for verification of task completion.
Implementation of an admin panel for managing tasks.
Logic for automatic verification of task completion and crediting bonuses.
2.7 Referral system
Description: Users can invite friends and receive bonuses for each invited friend. Bonuses are credited for each active friend.
Functionality:
Generation of referral links for inviting friends.
Display of the list of invited friends and credited bonuses.
Development requirements:
Development of a mechanism for generating unique referral links for each user.
Logic for crediting bonuses for invited users with display of this information in the profile.
2.8 User rating
Description: Leaderboard displaying top players earning the most Omex, with sorting and filtering options.
Functionality:
Display of the leaderboard sorted by the amount of earned Omex.
Medals and rewards for users in the top 3.
Development requirements:
Implementation of a real-time rating update system.
Logic for awarding medals and rewards for top players.
3. Admin panel
Description: Administrators should be able to manage tasks, game difficulty levels, rewards, and monitor user activity.
Functionality:
Edit and add new tasks, set rewards for completion.
Manage the difficulty of levels in the game (maze), set timings for the appearance of new levels.
View statistics on task completion and user activity.
Development requirements:
Implementation of an admin panel with the ability to edit tasks and manage game settings.
Reports on task completion and bonuses credited to users.
4. Security and data protection
Security requirements:
All user data, such as wallet data and completed tasks, must be protected by encryption.
Two-factor authentication when performing operations with the wallet.
Protection against unauthorized access to the admin panel.
Conclusion:
This technical specification provides a complete overview of the application's functionality, including all key modules and their descriptions. It is necessary to ensure smooth integration with the TON wallet API, as well as to provide users with an interface for interacting with tasks, games, and the rewards system.
Please provide your development budget with and without the ready layout (if you will be doing the layout).
Preference will be given to candidates with experience in creating similar applications in their portfolio.
Thank you, I look forward to your responses!
-
3031 102 0 Hello.
I propose to create it as a SPA using Vue.js Composition API + TypeScript.
I will use Phaser.js for the game.
Similar implemented projects will be shown during the correspondence.
I am ready to implement the frontend part, so the backend API is up to you.
It is quite difficult to estimate the project as a whole, so I suggest working hourly. The current rate is a minimum of 400 UAH.
If you are interested - write!
-
3853 24 0 Good day,
I am ready to take on this project for developing a Telegram Web App using the Laravel + Vue stack. I have experience with game mechanics and layout, which will help me implement the maze functionality and hero control in the game.
My rate is $16 per hour. To start working, I need to study the requirements in more detail and discuss the project details.
Sincerely,
Maxim
-
13013 67 0 Hello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be happy to collaborate with you!
-
1447 20 1 Good day,
I am an experienced Telegram App developer with over 4 years of experience, an impressive portfolio, and a desire to achieve quality results quickly and accurately. I have reviewed your task and can complete it efficiently and effectively. I also have projects similar to yours that I have not yet added to my portfolio.
Portfolio
Freelancehunt
I offer a full range of services to make your project successful and easy to develop further. My goal is to provide quality development that not only meets your requirements but also exceeds expectations. I handle everything from development and testing to deploying all necessary components. You will receive a ready-made "turnkey" project, and you won't need to look for additional specialists.
…
Moreover, I provide full support at every stage. Together with you, we will discuss all important aspects, and I will help you think through the logic and functionality of your project to make it user-friendly and intuitive.
By collaborating with me, you gain not only a developer but also a reliable partner who is invested in your success. Ready to create something special together? Let's discuss your project in more detail!
My task is to provide reliable support throughout the entire project and after its completion. Rest assured that I am always available, ready to answer your questions and solve any tasks in real-time.
I am open to new exciting projects and ready to contribute to their successful implementation. I look forward to the opportunity to discuss the details and start our collaboration.
Current freelance projects in the category Javascript and Typescript
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 14 hours 7 minutes back ∙ 53 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 1 day 15 hours back ∙ 26 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 3 days 6 hours back ∙ 32 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5731 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 8 days 12 hours back ∙ 119 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 8 days 18 hours back ∙ 21 proposals |