SDE at TCS - Innovator | 500+ DSA at LeetCode + GFG | Full Stack Developer (React, NodeJs, Next.js, Tailwind, Redux, Exp

Sudhanshu S.  • Peerlist

<h3>Project Description: Whisper – Anonymous Feedback Gathering App</h3>Whisper is a modern web application built to help individuals and organizations collect anonymous feedback effortlessly. It offers a flexible, secure, and developer-friendly solution for gathering feedback or messages on specific topics, projects, or applications.With AI-powered autocomplete, multiple feedback collection methods, and advanced security features, Whisper ensures both ease of use and data privacy. Whether you need feedback from customers, employees, or community members, Whisper provides a seamless way to gather it, analyze it, and act on it.<h3>Key Highlights</h3><ol><li>Sphere-Based Feedback Collection<ul><li>Users can create Spheres, which are essentially feedback containers for specific topics.</li><li>Each Sphere requires a Type (Feedback/Message), Title, and Description.</li><li>Spheres are shareable via unique URLs, web embeds, React components, or a REST API.</li></ul></li><li>Multiple Feedback Integration Options<ul><li>Direct URL Sharing: Share a link to collect feedback.</li><li>Web Embed: Integrate a feedback form using a script tag (requires API key).</li><li>React Component: Embed a ready-to-use component in React projects via shadcn UI CLI.</li><li>REST API: Build custom forms and send feedback directly to the Whisper API.</li></ul></li><li>AI-Powered Suggestions<ul><li>Whisper offers AI autocomplete to help users draft feedback faster, based on the Sphere’s title and description.</li><li>The AI feature is optional and can be toggled in the Sphere settings.</li></ul></li><li>Real-Time Form Preview<ul><li>Users can preview their feedback form in real time while setting up or editing a Sphere.</li></ul></li><li>Security and Performance<ul><li>CAPTCHA integration ensures protection against bots and spam.</li><li>Rate limiting is applied to critical endpoints, including Sphere creation, feedback submission, and AI suggestion requests.</li><li>API keys are securely generated using NanoID and stored within the Sphere collection.</li></ul></li><li>Tech Stack<ul><li>Frontend: Next.js (App Router), shadcn UI, TailwindCSS</li><li>Backend: Next.js server actions, HonoJS for exposed APIs</li><li>Database: MongoDB</li><li>AI Integration: External AI service for feedback suggestions</li><li>Security: CAPTCHA, API key authentication, and rate limiting</li></ul></li></ol><h3>Why Use Whisper?</h3><ul><li>Privacy-Focused: Anonymous feedback ensures honest responses.</li><li>AI-Driven: Smart suggestions make it easier to provide detailed feedback.</li><li>Developer-Friendly: Multiple integration methods (URL, embed, React, API) offer flexibility.</li><li>Secure: Built-in CAPTCHA, rate limiting, and API key management ensure data security.</li></ul>Give Whisper a ⭐️ on GitHub and start collecting anonymous feedback effortlessly! 🚀