https://github.com/sandip-chavda/honestybox-anonymous-feedback
HonestyBox allows anonymous messaging and message management through a secure dashboard. Built with Next.js 14, React.js, TypeScript, NextAuth.js, and Tailwind CSS.
https://github.com/sandip-chavda/honestybox-anonymous-feedback
magicui nextauth nextjs nodemailer reactjs shadcn-ui tailwindcss typescript
Last synced: 2 months ago
JSON representation
HonestyBox allows anonymous messaging and message management through a secure dashboard. Built with Next.js 14, React.js, TypeScript, NextAuth.js, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/sandip-chavda/honestybox-anonymous-feedback
- Owner: Sandip-Chavda
- Created: 2024-07-24T05:11:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-08T12:06:45.000Z (about 1 year ago)
- Last Synced: 2025-03-21T23:32:17.305Z (7 months ago)
- Topics: magicui, nextauth, nextjs, nodemailer, reactjs, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://honestybox.vercel.app/
- Size: 1000 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HonestyBox - Anonymous Feedback [Preview🪬📫](https://honestybox.vercel.app/)
- **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 🌐:
[](https://linkedin.com/in/sandip-chavda-86704a2aa) [](https://x.com/@SandipC70731202)
## Videos & Images
- ## Video
https://github.com/user-attachments/assets/ec53bc3b-cc7c-4944-981a-2d70789df37b
- ## 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
```bash
- **`NODE_ENV = development`** `in development mode`
- **`MONGODB_URI = `**
- **`MY_EMAIL = `**
- **`MY_PASS = `**
- **`NEXT_AUTH_SECRET = `**
- **`OPENAI_API_KEY = `**
```
## Run Locally
- **Clone the project**
```bash
git clone https://github.com/Sandip-Chavda/HonestyBox-Anonymous-Feedback.git
```
- **Install dependencies**
```bash
npm install
```
- **Run project**
```bash
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](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme)** from the creators of Next.js.
- Check out our **[Next.js deployment documentation](https://nextjs.org/docs/deployment)** 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](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
- **[NextAuth / Auth.js](https://next-auth.js.org/getting-started/introduction)** 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](https://tailwindcss.com/docs/installation)** visit for the better understanding of the styling and customize your website with this.
- **[shadcn/ui](https://ui.shadcn.com/docs/installation/next)** Follow the link and set up shadcn/ui for next.js application and more.
- **[magicui.design](https://magicui.design/docs/components/)** Follow the link and set up Magicui for next.js application and explore cool animated components
- **[MongoDB DataBase](https://www.mongodb.com/docs/manual/tutorial/getting-started/)** you can visit this website and learn more about mongodb database.
- **[Mongoose](https://mongoosejs.com/docs/)** visit for the better understanding of Schema generation..