Inspiration
Traditional history textbooks can sometimes feel like a dry wall of dates and dead guys, making it hard for our generation to truly connect with the past. We realized that history isn't actually boring—it’s full of drama, alliances, betrayals, and massive "plot twists." We wanted to build something that strips away the textbook stiffness and translates history into the language we speak every day: memes, internet slang, and high-energy storytelling.
What it does
HistoriTea is an interactive AI-powered learning companion that transforms history lessons into engaging, bite-sized gossip. Users type in any historical event or figure, and the app instantly serves up three things:
The Tea: A fast-paced, slang-heavy summary of the event that treats historical figures like reality TV stars or dramatic influencers.
The Meme Breakdown: A visual or descriptive breakdown of classic internet meme formats (like the Distracted Boyfriend or Drake Hotline) perfectly mapped to historical conflicts.
Vibe-Check Flashcards: An interactive gamified review tool using digital flashcards. The front features a hilarious modern clue, and the back utilizes a "spoiler-reveal" to show the real, 100% accurate historical fact.
How we built it
We engineered HistoriTea by tapping into the Google AI Studio ecosystem. We crafted a highly structured, strict System Instruction prompt for the Gemini API to anchor the AI's persona as a "Gen Z history tutor." This ensures the model perfectly balances a humorous, casual tone with flawlessly accurate historical facts.
Frontend: Built a clean, vibrant, mobile-first user interface using React and Tailwind CSS to mimic a modern social media feed.
Backend: Used Node.js to securely connect our UI to the Google AI Studio API endpoint, managing user inputs and streaming back structured markdown data.
Challenges we ran into
Our biggest hurdle was prompt engineering and tone consistency. In early tests, the AI would either go too far into the slang (making the history confusing) or revert back to robotic, textbook language halfway through the response. We had to spend hours fine-tuning the system instructions in Google AI Studio, using strict markdown constraints and explicit few-shot examples to lock the AI into the perfect balance of "educational" and "meme lord."
Accomplishments that we're proud of
Perfect Persona Alignment: We managed to make an AI that actually sounds naturally funny without being cringey, successfully bridging the gap between deep historical data and internet culture.
Flawless Flashcard System: Integrating the interactive spoiler/reveal markdown tag within the AI-generated flashcards worked smoothly, creating an immediate, rewarding feedback loop for studying.
UI/UX Aesthetics: Designing an educational app that genuinely feels like an app you'd want to scroll through in your free time.
What we learned
We learned a massive amount about advanced prompt engineering techniques in Google AI Studio, specifically how powerful System Instructions are for maintaining strict formatting boundaries. We also learned how to break down complex, multi-layered historical concepts into simplified, highly retainable hooks—proving that learning is way more effective when it’s genuinely fun.
What's next for HistoriTea
We want to take HistoriTea to the next level by integrating image-generation APIs (like Imagen) to dynamically generate the actual, visual memes instead of just describing them. We also plan to add a "Group Chat" feature, where users can enter a simulated group chat with AI personas of historical figures (e.g., Alexander the Great and Julius Caesar arguing over who had the bigger empire) for ultimate interactive learning.
Log in or sign up for Devpost to join the conversation.