North Pole Library is a passion project that blends cutting-edge technology with the timeless magic of Christmas. The goal was simple: to create an experience where parents can craft a completely unique, illustrated, and narrated storybook for their child in just a few clicks.
But how does this “magic” work behind the scenes? Let me take you on a tour of the engine room – I promise it won’t be boring!
🧭 What Is It Exactly?
North Pole Library is a web application built on the “text-to-storybook” concept. The user provides the child’s name, age, and a chosen theme (e.g., “Dino Christmas” or “Space Travel with Santa”), and the system creates a digital book in minutes featuring:
- A unique story centered around the child.
- Magical illustrations on every page.
- Audio narration, so even the little ones can enjoy it.
🏗️ The “Engine Room” – How It’s Built
The soul of the system is a modern Serverless architecture. This doesn’t mean there are no servers; it means we don’t have to manage them – the cloud handles the heavy lifting automatically.
1. The Storefront (Frontend)
What the visitor sees is a React-based website. This is responsible for the magical appearance:
- Snowfall & Animations:
Framer Motionensures every movement is smooth and lively. - FlipBook: A special component simulates the turning of real book pages, keeping the digital experience nostalgic.
- Responsiveness: It works perfectly on mobile and tablets, thanks to
Tailwind CSS.
2. The Brain (Backend & Database)
In the background, Supabase is hard at work. Think of it as a super-smart librarian:
- It stores orders and the finished stories.
- It saves the generated images and audio files.
- It serves real-time data to the website (like when you see the progress bar in the “Waiting Room”).
3. The Elves (Automation)
The true heart of the system is n8n. It’s a workflow automation tool that conducts the process like an orchestra leader. When an order comes in, the n8n “elves” get to work: they signal the writer AI, the artist AI, and the narrator robot.
⚙️ The Journey of a Story – Step by Step
Let’s see what happens in the few minutes while the parent sips their coffee:
1. Placing the Order 📝
The parent fills out the form and pays for the story (secure payment is handled by Stripe). The system creates a “note” in the database: Pending story for Ben, who loves spaceships.
2. The “Magic” Begins (n8n Workflow) 🪄
Stripe notifies the head elf (n8n) that payment was successful. The workflow kicks off:
- Writing: The system asks a Large Language Model (like OpenAI or Google Gemini) to write a story based on the parameters. The result isn’t just text, but a structured script: each page gets text and an image description.
- Illustrating: The image descriptions are sent to an AI image generator (Pollinations.ai), which creates consistent, atmospheric drawings for every page.
- Narrating: The text is converted into human-like speech by a Text-to-Speech engine.
3. Packaging & Delivery 🎁
Once every element is ready (text, image, audio), the system saves everything to Supabase Storage and updates the story status to “Completed”.
- The parent receives an email (in English or Hungarian) with the link.
- On the website, the waiting screen automatically updates, and the freshly minted book opens up.
💡 Why Is It Special?
- Full Automation: From payment to the finished book, everything happens without human intervention. It works just as well at 2 AM as it does at noon.
- Multilingual: The system supports English and Hungarian out of the box, both in the interface and the generated stories.
- Scalability: Because we use “serverless” technologies, the system won’t crash even if a thousand people want to create stories at once on Christmas Eve.
💭 Closing Thoughts
For me, North Pole Library is more than just software. It’s an experiment in how we can make cold technology feel human. We don’t want to replace classic bedtime storytelling, but rather give parents a new, exciting tool to make the holidays even more magical.
If you enjoyed this peek behind the curtains, or have an idea on how to improve it further, feel free to reach out!
Happy Holidays and Happy Storytelling! 🎄✨