Secret Messages

ShardenduMishra 22 - Profile

🔒 Anonymous Feedback Application

Welcome to the Anonymous Feedback Application! This production-grade app allows users to give and receive anonymous feedback seamlessly. It leverages a combination of modern technologies and techniques to deliver a robust and user-friendly experience.

Overview

The Anonymous Feedback Application is a sophisticated platform designed to facilitate the exchange of anonymous feedback between users. This production-grade application combines cutting-edge web technologies with AI capabilities to provide a seamless, secure, and engaging user experience. Whether you're looking to receive candid feedback on your work or provide anonymous insights to others, this app is equipped to handle it all efficiently.

🛠️ Technologies Used

Frontend:

• Next.js
• React

Styling:

• Tailwind CSS
• ShadCN

Primary Language

• TypeScript

Backend:

• Nextt.js API routes

Authentication:

• JWT (JSON Web Tokens)

Deployment:

• Vercel

Email Services:

• Resend Email Service
• EmailJS

AI Integration:

• OpenAI
• Hugging Face API

🛠 Features

• Anonymous Feedback: Allow users to send and receive feedback anonymously.
• AI Integration: Utilize AI to generate random and personalized messages via OpenAI or Hugging Face.
• Secure Authentication: Implement JWT for secure user authentication.
• Email Notifications: Use Resend Email Service and EmailJS for sending feedback notifications.
• Responsive Design: Built with Tailwind CSS to ensure a responsive and visually appealing interface.
• Debouncing: Optimize performance with debouncing techniques.

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/anonymous-feedback-app.git
   

2. Install dependencies:

   cd anonymous-feedback-app
   npm install
   

3. Set up environment variables: Create a .env.local file in the root directory and add the necessary environment variables (see .env.example for reference).

4. Run the development server:

   npm run dev
   

5. Open http://localhost:3000 in your browser to see the application.

📝 Usage

1. Sign up for an account or log in if you already have one.
2. Share your profile link with others to receive anonymous feedback.
3. View and manage the feedback you've received in your dashboard.
4. Send anonymous feedback to others using their profile links.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Future Goals :

While this application is fully functional and production-grade, it is currently in the testing phase, and several improvements are planned for future updates. This is just the first phase of development.

Planned Enhancements:

1. Message Acceptance Button: Currently, the button operates on an optimistic UI/update principle, which can lead to occasional inconsistencies. Future updates will aim to refine this functionality.
2. AI Integration: Due to cost constraints, AI-generated messages are utilized at present. I plan to integrate the Hugging Face API in a more effective manner in future updates.
3. Email Service: I intend to transition to Nodemailer for email services, as it offers a free tier and is expected to enhance the application's performance.
4. Google OAuth: Integration of Google OAuth is on the roadmap to provide users with additional authentication options.

Built with ❤️ by Shardendu Mishra