Introducing BooklyBot: A Personalized AI-Generated Children’s Book Creator Built with Nuxt 3 and Google Cloud

In today’s digital age, personalized experiences captivate audiences of all ages, especially children. That’s why we’ve developed BooklyBot—a sophisticated web application that transforms an ordinary photo into a tailored, illustrated storybook created entirely through Artificial Intelligence. Designed for ease and engagement, BooklyBot allows users to craft unique children’s books featuring their own child’s photos, culminating in a beautiful, physical keepsake.

What is BooklyBot?

BooklyBot is a user-friendly platform where parents and caregivers can upload a photograph of a child, which is then seamlessly integrated into a custom story. The app constructs a complete illustrated book, encompassing ten pages plus a cover, all generated automatically. Users can select themes, illustration styles, and languages, and even order a printed copy shipped directly to their doorstep—often with no shipping fees to over 50 countries.

Technical Foundations and Architecture

The development of BooklyBot relied on a robust and modern technology stack:

• Frontend: Built with Nuxt 3 leveraging Vue 3, styled with Tailwind CSS and DaisyUI for an intuitive user interface, complemented by Three.js to enable interactive 3D viewing of the finished book.
• Backend: Hosted on Google Cloud, utilizing Cloud Functions, Firestore for data management, Cloud Tasks for job scheduling, and comprehensive administrative tools.
• Artificial Intelligence: Custom-trained language models for generating engaging narratives, paired with GPT-image-1 for realistic image synthesis.
• Payment Processing: Integrated with Stripe to support multiple currencies, ensuring smooth transactions worldwide.
• Print on Demand: Partnering with a global print-on-demand service offering free delivery in numerous countries.
• Communication: Transactional emails managed via Resend to keep users informed.
• User Management: Utilizing Firebase Authentication for secure login, including role-based access controls.
• Localization: Implemented with Vue i18n, ready for multi-language support through manual JSON files.

Key Features

• Upload a child’s photo to receive a personalized character portrait in various poses
• Choose preferred illustration styles, story themes, tone, and languages
• Generate a complete, illustrated storybook asynchronously, including pages, cover, and PDF version
• View the book interactively in 3D before order placement
• Manage orders, users, and stories efficiently via an admin dashboard
• Robust backend processes, including logging, retry mechanisms for background