Здравейте! В този пост ви показвам как създадох приложението 'ЕкоМисия' за един учебен проект, използвайки Gemini и Lovable AI.
Introduction: In this post, I want to show you how modern AI tools can help students create functional web applications in no time. I built an educational app called "EcoMission" to teach my classmates about environmental issues like Acid Rain, the Ozone Hole, and the Greenhouse Effect.
Note: These videos are screen recordings of the process, showing exactly how I interacted with the AI to get these results.
В първата част изграждаме основата и структурата на приложението.
Part 1: Building the Foundation (17 Minutes)
In the first video, I focus on the structure and logic. You will see how I use Gemini AI to generate a complex prompt and then paste it into Lovable AI to build:
The multi-section navigation.
The educational content in Bulgarian.
The interactive 12-question quiz with instant feedback.
Part 2: Design Updates & Visual Enhancements (8 Minutes)
In the second part, I show you how to "polish" the app. Even without coding, we can make the app look professional by asking the AI to:
Add a beautiful Hero Banner with nature photography.
Include relevant images for each environmental topic.
Improve the overall UI/UX (User Interface) with shadows and rounded corners.
Във втората част добавяме дизайн, картинки и подобряваме визията.
Ако сте ученици и имате идеи за опазване на околната среда, изкуственият интелект може да ви помогне да ги реализирате бързо!
Conclusion: In less than 30 minutes of total work, I went from an idea to a fully functioning web app. This shows that if you have a great idea and know how to talk to AI, you can build anything!
Tools used:
Gemini AI: For prompt engineering and logic.
Lovable AI: For web development and deployment.