Bubblin is built with the latest web technologies like Next.js and MongoDB. We host everything on Vercel and deliver it through Cloudflare for the best performance. Curious about the details? Check out more below!
React (with Next.js)
The app’s user interface is built using React with Next.js framework for both client-side and server-side rendering. This setup enables fast, dynamic, and SEO-friendly web pages.
DaisyUI + Tailwind CSS
Styling and UI components leverage DaisyUI (a Tailwind CSS plugin) to create a clean, accessible, and responsive interface that adapts well to different screen sizes and user preferences.
Speech Synthesis API
The browser's built-in Web Speech API is used to convert text input into spoken words, allowing instant vocalization of selected words and sentences.
Node.js API Routes
API endpoints are implemented using Next.js API routes running on Node.js, providing backend logic for fetching predictive next words and managing user interactions.
MongoDB (via Prisma ORM)
MongoDB is used as the primary database to store vocabulary, word transitions, sentence history, user preferences, and model data. Prisma ORM facilitates easy and type-safe database access.
Vercel
The frontend and backend Next.js app is hosted on Vercel, benefiting from global CDN distribution and serverless functions for API routes.
MongoDB Atlas
MongoDB is hosted on Atlas, offering a managed, scalable cloud database solution.
Bubblin leverages modern web technologies, probabilistic language modeling, and speech synthesis to deliver an accessible communication tool. Its modular architecture allows for continuous feature expansion and adaptation to diverse user needs.