Overview [https://msg-app-iota.vercel.app]
The MSG App is a comprehensive platform designed for users to send and receive anonymous messages, manage their profiles, and interact securely. Built with modern technologies like Next.js, React, and MongoDB, it provides a user-friendly experience with features like user verification, AI-generated message suggestions, and responsive design.
- Anonymous Messaging: Send and receive anonymous messages.
- User Verification: Email verification with code expiration handling.
- AI-Generated Suggestions: Get suggestions for message content.
- Responsive Design: Optimized for various devices and screen sizes.
- Secure Authentication: Implemented with NextAuth for secure user management.
- Next.js: React framework for server-side rendering and static site generation.
- Tailwind CSS: Utility-first CSS framework for styling.
- Node.js: JavaScript runtime for server-side logic.
- Express.js: Web application framework for Node.js.
- MongoDB: NoSQL database for data storage.
- NextAuth: Authentication library for Next.js.
- Resend: Service for sending verification emails.
- Node.js (version 14.x or later)
- MongoDB instance
- Resend API Key
- NextAuth Secret
- OpenAI API Key (if using AI features)
-
Clone the Repository:
git clone https://github.com/yourusername/msg-app.git cd msg-app
-
Install Dependencies:
npm install
-
Set Up Environment Variables:
Create a .env file in the root directory and add the following variables:DB_URI="your-mongodb-connection-string" RESEND_API_KEY="your-resend-api-key" NEXTAUTH_SECRET="your-nextauth-secret" OPENAI_API_KEY="your-openai-api-key" DOMAIN="http://localhost:3000"
-
Run the Development Server:
npm run dev
Navigate to http://localhost:3000 to see the app in action.
- POST /api/send-messages: Send an anonymous message.
- GET /api/accept-messages: Check if the user is accepting messages.
- POST /api/verify-code: Verify the user's email verification code.
- DELETE /api/delete-message/:id: Delete a specific message.
- Next.js: For the powerful React framework.
- Tailwind CSS: For the excellent styling framework.
- MongoDB: For the flexible NoSQL database.
- Resend: For reliable email delivery.
- OpenAI: For AI-powered features.
For any questions or issues, please me on linkedin.
www.linkedin.com/in/rahulkumarpal25