Skip to content

Repository files navigation

💡 IdeaVault

IdeaVault is a modern startup idea sharing platform where users can post, explore, interact, and manage innovative startup ideas. The platform enables creators to share their concepts, receive feedback, and collaborate with others through a clean and interactive UI.

This project is built with a focus on authentication, idea management (CRUD), and real-world full-stack application structure using Next.js and modern web technologies.


🌐 Live Website

🔗 Live Site: idea-vault-munaimpro.vercel.app


🚀 Getting Started

Clone Client Repository

git clone https://github.com/munaimpro/idea-vault

Install Dependencies

npm install

Run Development Server

npm run dev

Open:

http://localhost:3000

in your browser.


🎯 Project Overview

IdeaVault is a modern platform built for startup enthusiasts to share innovative business ideas, discover inspiration from others, and engage with the community through comments and interactions.

Users can securely authenticate, create and manage their own startup ideas, explore trending ideas, participate in discussions, and personalize their profiles.


👥 User Features

🚀 Startup Enthusiasts Can

  • Create startup ideas
  • Explore ideas from other users
  • Comment on ideas
  • Track interacted ideas
  • Manage personal idea collection
  • Update profile information

✨ Core Features

🔐 Authentication & Authorization

Authentication

  • Email & Password Login
  • Google Authentication
  • Better Auth Integration
  • Session Persistence
  • Secure Authentication Flow

Authorization

  • Protected Routes
  • Middleware-Based Route Protection
  • Secure API Verification
  • Authenticated Dashboard Access

💡 Idea Management

Users can:

  • Create New Startup Ideas
  • Edit Existing Ideas
  • Delete Ideas
  • View Detailed Idea Pages

Idea Information

  • Idea Title
  • Description
  • Category
  • Tags
  • Creator Information
  • Creation Date

💬 Community Interaction

Users can:

  • Comment on Startup Ideas
  • View Trending Ideas
  • Track Interacted Ideas
  • Engage with Other Innovators

👤 User Profile

Features include:

  • View Profile
  • Update Profile Information
  • Manage Personal Ideas
  • Personalized Dashboard

🌐 Public Pages

Home Page

  • Hero Banner
  • Trending Ideas
  • Featured Startup Ideas
  • Modern Responsive UI

Idea Details

Displays:

  • Complete Idea Information
  • Creator Information
  • Comments
  • Related Interactions

📊 Dashboard Features

User Dashboard

  • My Ideas
  • Add New Idea
  • Edit Ideas
  • Delete Ideas
  • Interacted Ideas
  • Profile Management

🔄 System Flow

User Registration
        ↓
Authentication
        ↓
Dashboard Access
        ↓
Explore Ideas
        ↓
Create Startup Idea
        ↓
Community Interaction
        ↓
Comment & Discussion
        ↓
Manage Personal Ideas

🛡️ Security Features

  • Better Auth Authentication
  • Protected Routes
  • Secure Session Management
  • Middleware Authorization
  • Protected API Communication
  • Environment Variable Protection

⚙️ Key Functionalities

  • Server & Client Component Hybrid Architecture
  • CRUD Operations for Startup Ideas
  • Dynamic Modal-Based Editing
  • Comment Management
  • Trending Ideas System
  • Reusable UI Components
  • Responsive Layout
  • Optimized Rendering

🛠️ Tech Stack

Frontend

  • Next.js (App Router)
  • React.js
  • Tailwind CSS
  • HeroUI
  • Next Themes
  • React Hot Toast

Backend

  • Node.js
  • MongoDB

Authentication

  • Better Auth
  • Google OAuth

📦 NPM Packages Used

Client

{
  "next": "latest",
  "react": "latest",
  "tailwindcss": "latest",
  "@heroui/react": "latest",
  "better-auth": "latest",
  "next-themes": "latest",
  "react-hot-toast": "latest"
}

Server

Node.js
MongoDB
Better Auth
CORS
Dotenv

🎯 Features Implemented

✅ Authentication System

✅ Google Login

✅ Protected Routes

✅ Startup Idea CRUD

✅ Idea Details Page

✅ Comment System

✅ Trending Ideas

✅ Interacted Ideas

✅ User Dashboard

✅ Profile Management

✅ Responsive Design

✅ Dark Mode

✅ Loading States

✅ Error Handling


🚀 Future Improvements

  • Advanced Search & Filtering
  • Idea Bookmark System
  • Like & Upvote Feature
  • Pagination & Infinite Scroll
  • Notifications
  • Real-Time Comments

👨‍💻 Developed By

Munaim Khan

M.Sc. in Computer Science & Engineering

Full Stack Web Developer

About

A modern full-stack startup idea sharing platform built with Next.js (App Router), Node.js, and MongoDB. Features secure authentication via Better Auth (Email/Google), middleware-based route protection, full CRUD idea management, community comments, and a responsive UI with dark mode support.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages