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.
Watch on YouTube
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.

Lead UX & Brand Designer
Lead UX & Brand Designer
AI Animated Visuals
AI Animated Visuals
AI-Driven Advertising & Campaigns
AI-Driven Advertising & Campaigns