Secret Sender is a web application that allows users to send and receive secret messages while keeping their identities anonymous. The application features a carousel to display messages, user authentication, and a user-friendly interface for creating and managing accounts.
-
Anonymous Messaging: Send and receive messages without revealing your identity.
-
Message Carousel: Display messages in a carousel with autoplay functionality.
-
User Authentication: Secure login and sign-up using NextAuth.
-
Responsive Design: Optimized for both desktop and mobile devices.
• Frontend: Next.js, TypeScript, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT (JSON Web Tokens)
• Encryption: AES (Advanced Encryption Standard)
- Clone the repository:
git clone https://github.com/yourusername/secret-sender.git
cd secret-sender- Install dependencies:
npm install- Set up environment variables:
Create a .env.local file in the root directory and add your environment variables. Refer to .env.example for the required variables.
- Run the development server:
npm run dev- Open your browser:
Navigate to http://localhost:3000 to see the application in action.
The home page features a carousel that displays messages fetched from a JSON file. The carousel uses the embla-carousel-autoplay plugin for autoplay functionality.
User authentication is handled using NextAuth. Ensure you have the necessary environment variables set up for authentication to work correctly.
Users can create an account and get their own message board by navigating to the sign-up page.
We welcome contributions to improve Secret Sender. To contribute:
-
Fork the repository.
-
Create a new branch (
git checkout -b feature-branch). -
Make your changes.
-
Commit your changes (
git commit -m 'Add some feature'). -
Push to the branch (
git push origin feature-branch). -
Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.