GhostGram is a modern, anonymous Q&A platform built for creators and communities to collect honest feedback, host ask-me-anything (AMA) sessions, and build authentic connections without revealing the sender's identity.
Approach
Designed a serverless, database-backed web application optimized for maximum privacy, simple sharing, and high performance.
- Unified Framework: Built with Next.js 15 leveraging App Router, Server Actions, and React Server Components for seamless streaming and navigation.
- Dynamic Database Layer: Configured MongoDB Atlas with Mongoose ORM to securely store and query anonymous questions, dashboard preferences, and creator profiles.
- Secure Authentication: Integrated NextAuth.js supporting secure social logins (Google OAuth) and email-credentials session checks.
- Tailwind CSS 4 & Motion: Developed a modern design system using Tailwind CSS 4 and Motion (Framer Motion) for fluid interactions and dark mode compatibility.
Key Features
- Personalized Sharing Links: Every registered creator receives a unique public page where anyone can send messages without needing an account.
- Availability Control: Creators can temporarily pause incoming questions directly from their dashboard with a single toggle.
- Private Analytics Dashboard: A centralized workspace to read, organize, delete, and manage received questions.
- Minimalist Design: Optimized for mobile and desktop viewports, with Radix UI primitives ensuring rich accessibility.
Tech Stack
- Frontend: Next.js 15, Radix UI, Tailwind CSS 4, Motion, Sonner
- Backend: Next.js Server Actions, NextAuth.js
- Database: MongoDB, Mongoose
- Hosting: Vercel
Result
- Fully responsive sharing dashboards with support for generating custom shareable social preview images.
- Fast database reads and writes with Mongoose ORM and MongoDB.