← Back to Projects

Poplet - Feedback App

A feedback collection platform

Typescript
Next.js
Supabase

Live Demo

Poplet is a powerful, easy-to-use feedback collection platform designed to help businesses gather and analyze user feedback seamlessly.

landing page of the poplet app
Home page of the poplet app

Features

  • Easy-to-use dashboard for managing feedback projects
  • Customizable feedback widget for seamless integration into any website
  • Real-time feedback collection and storage
  • Analytics and insights on collected feedback
  • User authentication and project-based access control
  • Scalable architecture to handle high volumes of feedback

Technologies Used

  • Frontend - App: Next.js, React, Tailwind CSS
  • Frontend - Widget: Vite, React, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: PostgreSQL with Drizzle ORM
  • Authentication: Clerk
  • Hosting: Vercel
  • Other: TypeScript, Lucide React (for icons)

Creating a Project

  1. Log in to the Poplet dashboard.
  2. Click on "New Project" and fill in the project details.
  3. Save the project to generate a unique project ID.
creating a project
Create a new project modal

Embedding the Widget

  1. In the project settings, find the "Embed Code" section.
  2. Copy the provided code snippet.
  3. Paste the code snippet into your website's HTML where you want the feedback widget to appear.

Example embed code:

<poplet project-id="YOUR_PROJECT_ID"></poplet>

<script src="https://poplet.com/widget.umd.js"></script>

Viewing Feedback

  1. Navigate to the "Projects" section in the dashboard.
  2. Select the project you want to view feedback for.
  3. You'll see a list of all feedback entries for that project.
table of feedback

Next Steps

  1. Implement more advanced analytics features
  2. Create a mobile app for easier feedback management on-the-go
  3. Integrate with popular project management tools (e.g., Jira, Trello)
  4. Implement AI-powered sentiment analysis on feedback