IdeaVault is an elite web-based application designed for visionary creators, developers, and entrepreneurs to pitch innovative startup ideas, explore groundbreaking concepts, and engage through active community discussions. Unlike typical e-commerce or booking applications, IdeaVault focuses entirely on Concept Validation & Community Engagement. Users can browse trending ideas, gain actionable insights, and collectively refine startup concepts.
🔗 Live Deployment Link: https://ideavault-inky.vercel.app
- 🔒 Secure JWT & Better Auth Architecture: Complete private route protection implemented using JSON Web Tokens (JWT) for both traditional Email/Password fields and seamless, one-click Google Login.
- 🔍 Real-Time Case-Insensitive Search: Powered by MongoDB's native
$regexengine, the Ideas page features a lightning-fast search system that filters pitches instantly by title as you type. - 📂 Optimized Dynamic Category Filtering: Dropdown selector allowing users to filter innovations instantly across sectors like Tech, Health, AI, and Education without any artificial lagging or UI delays.
- 💬 Complete CRUD Interaction Terminal: A dedicated workspace under each idea details page enabling authenticated users to Add, Edit dynamically, and Delete their own comments with live timestamps.
- 🌓 Global Theme Engine (Light/Dark Mode): Comprehensive state-driven theme toggle integrated flawlessly inside the custom navbar, smoothly altering the global interface using Tailwind CSS classes.
- 📭 Dynamic "No Ideas Found" State: Built-in structural condition mapping that replaces empty screens with a beautiful dashed-border alert card if a query yields no database results.
- 📱 Responsive 3-Column Grid System: Perfectly synchronized grid layout engineered for flawless responsiveness across Mobile, Tablet, and Desktop displays while enforcing strict card size uniformity using line-clamp mechanics.
- Framework: Next.js 15+ (Optimized App Router Architecture with Synchronized Async Promises)
- Design Engine: Tailwind CSS with Premium HeroUI Component Ecosystem
- Feedback Mechanism: React Hot Toast (Strictly avoided native browser alerts for enhanced UX)
- Data Fetching: Native Fetch API & Custom Interceptors (
cache: 'no-store'rules enabled)
- Environment & Routing: Node.js running Express.js Engine
- Database Management: MongoDB Native Driver (
MongoClientarchitecture) - Security Middleware: JWT Token Verification Interceptors (
jose-cjs) & CORS Configuration
Follow these structured steps to configure and boot the project locally:
- Clone the Repository:
git clone [https://github.com/your-username/ideavault.git](https://github.com/SBHimel/ideavault.git) cd ideavault