Skip to content

Debashish-kashyap/Feedback-Collection-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Feedback-Collection-System

A clean and responsive feedback collection web app built with HTML, CSS, and JavaScript. Users can submit their name, email, mobile, rating, and comments. Feedback is displayed instantly on the page, stored in local storage for persistence, and also sent to an n8n webhook for workflow automation.

🚀 Features

  • Feedback Form: Collects Name, Email, Mobile Number, Star Rating, and Comments.
  • Form Validation: All fields validated with real-time error messages.
  • Dynamic Display: Newly submitted feedback is shown instantly on the same page.
  • Local Storage: Feedback persists and reloads after page refresh.
  • n8n Integration: All form data is sent to an n8n webhook (customizable for test/production).
  • Customer Support Modal: Accessible 'Help Center' modal includes the page admin email.
  • Responsive UI: Mobile-friendly and inspired by modern feedback screens.

🛠️ Tools Used

  • Languages: HTML5, CSS3, JavaScript (ES6+)
  • n8n: No-code workflow automation (receives feedback via webhook)
  • Browser LocalStorage: For client-side persistence

📝 Setup Instructions

  1. Clone or Download this project to your PC.
  2. Open the Project:
    • Open index.html in your web browser.
    • Make feedback submissions to see them appear instantly and persist after refresh.
  3. Webhook Integration:
    • Update the webhook URL in script.js if you change your n8n endpoint.
    • All valid submissions will POST data to your configured n8n workflow for further processing or storage.

📷 Screenshots

Feedback Page Screenshot n8n Screenshot Cursor Ai Screenshot google sheet screenshot

📩 Contact

For questions or support, contact the admin:
Email: kashyapdebashish556@gmail.com


Enjoy collecting smart, persistent feedback! 🚀

About

A modern web feedback form featuring live validation, dynamic UI updates, and persistent local storage. Users can submit their name, email, mobile number, rating, and comments—with all entries sent to n8n via webhook for automated workflow integration. Inspired by real-world app feedback UIs, fully responsive, and easy to customize.

Resources

License

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors