Welcome to Vibe-Stack, the ultimate playground where high-octane coding meets effortless aesthetics. We built this to make the development experience not just productive, but a total blast! 🚀
Think of Vibe-Stack as your high-speed lane for building web applications. It’s a full-stack, AI-powered IDE contained right in your browser, where you can prototype features, manage data, and track your history all while maintaining the perfect vibe. 🤙
- 🪄 The AI Wand: Need to style something? Drop a prompt into our AI editor, and watch Gemini 3.1 magic happen in real-time. It's like having a senior dev sitting next to you, but faster!
- 💻 Built-in Code Editor: Powered by the industry-standard Monaco Editor, enabling syntax highlighting, autocomplete, and all the goodness you need to write clean code directly in the browser.
- 📊 Vibe Dashboard & History: Keep track of your evolution! Our
Historyfeature logs every feature interaction and update you perform on VibeStack, so you can see how far you've come. - 🎭 Theme Selector: Change your vibe instantly. Arctic Slate? Royal White? One click and your entire UI aesthetic shifts to match your mood.
- ⚡ Real-Time Everything: Using Firebase and Supabase integrations, your data and code sync faster than you can say "commit."
Even in the most vibrant stacks, bugs happen. Here’s how we handle the chaos:
- "Missing Permissions" (Firebase): "Everything is broken!" 😱 If you see this, it means Firestore is default-denying access. We've hardened our
firestore.rulesto ensure only logged-in users can reach their data, but keep an eye on your console. - "Cannot read property of null (reading 'run')" 🚫: A classic. Sometimes our editor toolbar buttons get enthusiastic before the editor is ready. Our fix (lazy-executing actions only if they exist) ensures things don't crash when you're just trying to Undo your masterpiece.
- "Quota Exceeded" 🍔: Our Firestore Enterprise is eating good, but there's a limit! If you hit this, your database is taking a nap. It'll be back tomorrow!
- GitHub & Authentication: We’ve streamlined it! We removed the clutter to focus on a smoother Google-only flow for a more reliable, "vibe-consistent" sign-in experience.
- Frontend: React 18+ & Vite (Lightning fast! ⚡)
- Styling: Tailwind CSS (The blueprint of style! 🍃)
- Backend/DB: Firestore (Enterprise-grade security 🛡️)
- Intelligence: Google Gemini API (Mind-blowing AI 🤖)
- Animations:
motion/react(Smooth as butter! 🧈)
What are you waiting for? Start coding, push your limits, and keep the vibes high! 🤘