VibeLab – AI Fun Tools Platform
VibeLab is a fun AI-powered platform where you can roast photos, analyze chats, settle debates, generate excuses, and more — or get a confidence boost with playful flirt tools. Built with Next.js, Tailwind CSS, Gemini, Prisma, and Ko-fi, it’s privacy-first and stores no user data. 😄
VibeLab is a playful AI-powered platform packed with fun interactive tools. You can roast your photos, social media, resume, company website — even your relationship 😅. And if the roast hits too hard, Flirt With Me gives you a confidence boost with creative pickup lines. It also includes features like Life Stats, Debate Settler (AI decides who wins an argument), Excuse Generator, Vibe Check, and a Red Flag Detector that analyzes chat screenshots for 🚩. Users can experiment with different styles, languages, and even roast or flirt back with the AI. Privacy is a core focus — VibeLab doesn’t store any images, screenshots, or text. Everything is processed instantly and discarded. Tech stack: Built with Next.js, Tailwind CSS, Gemini API, Prisma, and Ko-fi integration for the “Buy Me a Coffee” support feature.
My Tasks
- Designed and planned the VibeLab concept and feature set
- Built the full frontend UI using Next.js and Tailwind CSS
- Implemented multiple AI tools (Roast, Flirt, Debate Settler, Red Flag Detector, etc.)
- Integrated Gemini API for AI-generated responses
- Created screenshot/text input handling for analysis features
- Built reusable components and clean responsive layout
- Implemented privacy-first logic (no data storage)
- Added Ko-fi “Buy Me a Coffee” support feature
- Set up Prisma for backend structure and optional data handling
- Managed API routes and server-side logic in Next.js
- Handled loading states, errors, and UX polish
- Deployed the app and optimized performance
- Tested features across different inputs and languages
What I Learned
- Building a full-stack app from idea to deployment
- Turning a fun concept into a real usable product (product thinking)
- Designing responsive and clean UI with Tailwind CSS
- Structuring scalable apps using Next.js
- Working with AI APIs and improving prompts (Gemini)
- Creating reusable components and maintainable architecture
- Problem-solving and debugging independently
- Iterating quickly and improving features based on testing
- Handling user input (text & images) safely with privacy-first logic
- Managing async calls, loading states, and error handling
- Prioritizing features and managing scope
- Paying attention to UX details and user experience
- Integrating third-party services like Ko-fi
- Using Prisma for backend structure and data modeling
- Taking full ownership of a project from A to Z
- Learning new tools quickly and adapting
- Balancing fun creativity with practical implementation
- Deploying, testing, and optimizing performance
Project Info
- Type
- Featured Project
- Technologies
- 7
- Tasks
- 13
- Learnings
- 18
Screenshots (9)
Related Projects
Interested in working together?
I'm available for freelance projects and full-time opportunities.
Hire Me