Skip to content

munaimpro/idea-vault

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

No releases published

Packages

 
 
 

Contributors