Vibeverse - teaching AI Storytelling
Roger Rangel
Overview
Vibeverse is a next-generation AI-powered learning platform that helps users master storytelling using generative AI tools. I led the design, development, and launch of the beta version, focusing on delivering interactive, cinematic learning experiences with strong UX principles and technical precision.
Created a learning platform from scratch using the following tech stack:
NextJs, React, Typescript, NodeJs, Supabase, Framer Motion, Rest APIs, Open-Source LLMs (HuggingFace), TailwindCSS, Docker, Webpack, and GraphQL.
My Role
As the creator and lead, I directed both the creative vision and technical execution. This included:
Conceptualization & UX: Designed the user flow and interaction model from scratch with an emphasis on clarity, engagement, and immersion.
Full-stack Development: Built the platform using a modern tech stack (Next.js, React, TypeScript, Supabase, Node.js, Framer Motion, Docker, GraphQL).
AI Integration: Implemented open-source LLMs (HuggingFace) to enable real-time storytelling assistance and personalization.
Visuals: Used Midjourney to create visual assets that complement the narrative learning experience.
Like this project
Posted Oct 30, 2024
Built Vibeverse.ai, a cutting-edge AI-powered learning platform delivering interactive content, personalized experiences, and seamless performance.
Likes
3
Views
101
Timeline
May 5, 2025 - Ongoing
