Skip to content

mrstrange089/Anonymous-Message-App

 
 

Repository files navigation

Anonymous Message - Tell them what you really think. Anonymously. 😉

Introduction 🧩

Anonymous Message is a platform designed for users to express themselves freely without revealing their identity. Built with a strong emphasis on privacy and security, it provides a safe space for sharing thoughts, feedback, or confessions.

Features 🪶

  • Anonymous Messaging: Send and receive messages without disclosing your identity.
  • User-Friendly Interface: Clean and intuitive design for a seamless user experience.
  • Message Deletion: Users have the option to delete their own messages.
  • Secure Authentication: Utilizes NextAuth.js for robust user authentication.
  • Email Notifications: Receive notifications for new messages.

Technologies Used 🚀

  • Frontend: Next.js, React.js, TypeScript, Tailwind CSS
  • Authentication: NextAuth.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Email Service: Resend
  • Validation: Zod
  • Styling: Tailwind CSS
  • Other: React Email, Vercel AI (Potential), Google Generative AI (Potential)

APIs 💫

  • Resend API: For sending email notifications (if enabled).
  • Vercel AI / Google Generative AI: Potentially used for features like message summarization, translation, or intelligent responses.

Authentication:

  • NextAuth.js(Authjs)
  • JWT

Deployment:

  • Vercel
  • Render
  • GitHub

Quick Demo 🪧

Feel free to explore the quick demo by clicking here.

Getting Started 🔥

Prerequisites 🔮

  • Node.js and npm: Download and install Node.js from NodeJS. This will also install npm.
  • MongoDB: Set up a MongoDB database and obtain your connection URI.
  • Resend Account: Create an account on Resend for email notifications (optional).

Installation ⚙️

1. Clone the repository:

git clone https://github.com/laxman-rathod/Anonymous-Messages.git

2. Navigate to the project directory:

cd Anonymous-Messages

3. Install dependencies:

npm install

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

SERVER_INFO=localhost:3000
NEXTAUTH_SECRET=<your-next-auth-secret>
MONGODB_URI=<your-mongodb-connection-string>
RESEND_API_KEY=<your-resend-api-key>
GOOGLE_GENERATIVE_AI_API_KEY=<your-google-ai-api-key>

5. Run the development server:

npm run dev

The application should now be running at http://localhost:3000.

Usage 🪴

1. Visit the application in your browser. 2. (Optional) Create an account or log in. 3. Send and receive anonymous messages.

Screenshots 📸

Home Page: Screenshot (1)

User Dashboard: Screenshot (2)

Public Page Screenshot (3)

Contributing 🤝

Contributions are highly welcome!

  • Fork the repository.
  • Create a new branch (git checkout -b feature/your-feature-name).
  • Make your changes.
  • Commit your changes (git commit -m 'Add some feature').
  • Push to the branch (git push origin feature/your-feature-name).
  • Open a pull request.

License 📝

This project is licensed under the MIT LICENSE. See the License file for details.

About

Anonymous Message is a platform designed for users to express themselves freely without revealing their identity. Built with a strong emphasis on privacy and security, it provides a safe space for sharing thoughts, feedback, or confessions.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 98.0%
  • CSS 1.7%
  • JavaScript 0.3%