![main project image](/_nuxt/main_image.BRBxvUGB.webp)
Mercy Lens
A charity project featuring the magical character Mercy Lens
![project image](/_nuxt/image1.DbZqyQ07.webp)
Client
Latvia
Description
A charity project featuring the magical character Mercy Lens. The site publishes quests, participating in which you can meet the magician Mercy Lens, who travels to different cities and countries and brings you a little happiness and gives you a gift of money. Anyone can take part in the quests, regardless of gender and age.
What was the purpose of this project
The client wanted people to get more pleasant surprises in their everyday life. This is how he came up with the idea of a website with various quests in which participants can win real money, with a total prize of 1 million euros.
What challenges we faced
It was necessary to develop a website in a magical style. The main tasks we faced in this project were:
- Concept art and illustration development
- Creating the structure and design of the website
- Web client development
- Backend development
- Server customization
Technologies
Nuxt.js, Python
![project image](/_nuxt/image2.DJ_eOyiy.webp)
City quests where a wizard Mercy Lens who gives away cash prizes
![project image](/_nuxt/image4.BvmLsDfU.webp)
Project structure
The project consists of a web client and backend, which deals with managing the display of quests on the site and sending letters. Management of quests ( i.e. creation, deletion, editing) for this site is done through the admin panel
![project image](/_nuxt/image5.B4pkteNa.webp)
Site functionality
The administrator can create, edit or delete a quest, as well as set the required time of the quest. If the quest has a start date from the future, then the quest will appear on the site, but will have a timer that will represent how much time is left until the beginning of the quest.
When the organizer finishes the quest, he will be able to add a report on the money distributed in the admin panel, thus the site will change the scale with the money distributed. So users will always see how much money is left to give away.
![](/_nuxt/contact_pattern_3.Z60ZBNLA.webp)
![letter](/_nuxt/letter.LghpoCE-.webp)
![orange](/_nuxt/orange.CbXrNmX3.webp)