HonestyBox - Anonymous Feedback Preview🪬📫

• HonestyBox 🪬📫 is an innovative anonymous messaging platform built with Next.js 14, NextAuth, React.js, TypeScript, VercelAI, Tailwind CSS, Shadcn UI, Magic UI, and Nodemailer. Users can log in to create and share a public link for receiving anonymous messages, which can be viewed and managed through a dedicated dashboard. The platform ensures complete anonymity for message senders, who don't need to log in. Additionally, users can leverage AI to generate messages, enhancing their communication. HonestyBox is fully responsive, featuring dark mode and stunning AI-powered animations for a seamless experience across all devices.

Connect me on 🌐:

Videos & Images

• Video

HonestyBox_Video1.mp4

• Images

Home Page	Home Page	Dashboard

Public Page	SignIn Page	SignUp Page

Key Features

• Anonymous Messaging🎭: Users can share a public link to receive messages anonymously, ensuring privacy for both senders and receivers..

• No Login Required for Senders🚫🔑: Message senders remain completely anonymous without the need to create an account or log in.

• Dashboard Management📊: A user-friendly dashboard allows users to view, manage, and delete received anonymous messages.

• Secure Authentication🔐: Ensures user data protection and privacy with NextAuth or Auth.js.

• AI-Powered Message Generation🌟✨: Users can utilize integrated AI features to generate creative and thoughtful messages.

• Responsive Design & Darkmode📲: This is fully responsive across all devices, featuring dark mode support and beautiful animations for a visually appealing and modern user experience.

Tech-Stack & Tools

• Front-End & Back-End: Next.js, TypeScript, React.js

• Styling: Tailwind CSS, Framer Motion, Shadcn UI, Magic UI

• Database: MongoDB, Mongoose

• Libraries & Packages: mongoose, nodemailer

• Authentication: NextAuth / Auth.js

• Tools: VS Code, Postman, MongoDB Compass, Chrome

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file

- **`NODE_ENV = development`** `in development mode`

- **`MONGODB_URI = `**

- **`MY_EMAIL = `**

- **`MY_PASS = `**

- **`NEXT_AUTH_SECRET = `**

- **`OPENAI_API_KEY = `**

Run Locally

• Clone the project

  git clone https://github.com/Sandip-Chavda/HonestyBox-Anonymous-Feedback.git

• Install dependencies

  npm install

• Run project

  npm run dev

• Access the Application: Open your web browser and visit http://localhost:3000 to access the HonestyBox.

Deploy on Vercel

• The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

• Check out our Next.js deployment documentation for more details.

Lern More

• Refer this documnetation for the good understanding of the technologies used in the project.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

• NextAuth / Auth.js For a deeper understanding of how to implement and customize authentication in your Next.js projects, I recommend checking out NextAuth.js. It's a great resource for learning how to easily integrate secure, flexible authentication solutions.

• Tailwind CSS visit for the better understanding of the styling and customize your website with this.

• shadcn/ui Follow the link and set up shadcn/ui for next.js application and more.

• magicui.design Follow the link and set up Magicui for next.js application and explore cool animated components

• MongoDB DataBase you can visit this website and learn more about mongodb database.

• Mongoose visit for the better understanding of Schema generation..