SilentNote

SilentNote is a modern, anonymous feedback platform that empowers users to receive honest opinions from friends, followers, or team members—completely anonymously. Whether you're a content creator, student, or team leader, SilentNote provides a safe space for open communication.

🌐 Live Demo: https://silentnote.vercel.app

---

✨ Features

• Complete Anonymity: Feedback providers remain unidentified, encouraging honesty.
• Unique Feedback URL: Every user gets a personal shareable link to collect messages.
• Dashboard View: Users can view all received feedback along with timestamps.
• Delete Messages: Clean up the dashboard by deleting unwanted messages.
• Toggle Feedback: Turn message reception on or off anytime.
• AI-Powered Suggestions: When sending a message, users see AI-generated message suggestions. Just click to autofill or press “More Suggestions” for fresh ideas.
• Minimal Design: Clean and intuitive UI built for simplicity and focus.

---

🛠️ Tech Stack

• Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS + ShadCN
• Auth: NextAuth.js
• Database: MongoDB (using Mongoose)
• Deployment: Vercel
• AI: Gemini 2.0 Flash via @google/genai
• Icons: Lucide React
• HTTP Requests: Axios
• Mail: Nodemailer
• Schema Validation: Zod
• Encryption: Bcrypt.js

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/rupam2232/SilentNote.git
cd SilentNote

2. Install Dependencies

npm install

3. Configure Environment Variables

Create a .env.local file in the root directory and add the following:

MONGODB_URI=your_mongodb_connection_string
NEXTAUTH_SECRET=your_nextauth_secret
EMAIL_SERVICE=gmail
EMAIL=your_gmail_id
EMAIL_PASSWORD=app_password_of_your_gmail_account
NEXT_PUBLIC_APP_NAME=SilentNote
SERVER_NAME=SilentNote
GOOGLE_API_KEY=your_google_gemini_api_key

4. Run the App Locally

npm run dev

Visit http://localhost:3000 in your browser.

📄 Project Structure

SilentNote
├── emails/                 # Verification email template
├── src/
    ├── app/                # App router pages and layout
    ├── components/         # Reusable UI components
    ├── context/            # Next-Auth session provider
    ├── helpers/            # Mail sender
    ├── hooks/              # Custom hooks
    ├── lib/                # DB and ui utility functions
    ├── models/             # Mongoose models
    ├── schemas/            # Zod schemas
    ├── types/              # Types for type safety
    ├── middleware.ts/      # Next.js middleware

🧠 AI Suggestions Feature

SilentNote uses the Gemini 2.0 Flash AI model via the Google GenAI SDK to generate message suggestions for users who visit feedback links. When visiting a feedback form, users will:

See 3 smart AI-suggested messages instantly.

Be able to click any suggestion to autofill the input box.

Tap the “More Suggestions” button to regenerate new ideas from AI.

This makes it easier and faster for people to send meaningful or fun anonymous notes.

📬 Contact

For questions, issues, or collaborations, reach out to:

• Twitter: @rupam2232
• Linkedin: @rupam2232
• Website: rupam.me