WhisperLink Tailwind Templates

Whisperlink

WhisperLink is a web app for generating anonymous message links, featuring OpenAI-powered suggestions, email verification with Resend, and secure authentication using NextAuth.js. Built with Next.js, MongoDB, Redis, and a responsive UI with Shadcn UI and Tailwind CSS.

WhisperLink

WhisperLink is a web application that allows users to sign up, log in, and generate anonymous message links. These links can be shared with friends, who can send anonymous messages without authentication. The app integrates OpenAI for message suggestions and Resend for email verification during sign-up.

https://youtu.be/O5Jol4iwRFA

Features

  • User Authentication (Sign up, Log in) with NextAuth.js
  • Generate anonymous message links to share with friends
  • Anonymous messaging without authentication
  • AI-powered message suggestions using OpenAI
  • Email verification using Resend API
  • Modern, responsive UI with Shadcn UI and Tailwind CSS

Tech Stack

  • Language: TypeScript
  • Frontend: Shadcn UI, Tailwind CSS
  • Backend: Next.js API routes, Axios
  • Database: MongoDB , Mongoose
  • Authentication: NextAuth.js
  • Password Encryption: bcryptjs
  • Schema Validation: Zod
  • Email Verification: Resend API
  • AI Integration: OpenAI API for message suggestions

How to Run

  1. Clone the repository: https://github.com/Divpatel4081/WhisperLink.git
  2. Install dependencies: npm install
  3. Set up environment variables in the .env file
  4. Run the development server: npm run dev
  5. Open your browser and go to http://localhost:3000.

Top categories

Loading Svelte Themes