Expresso Feedback Widget

Overview

Expresso Feedback Widget is a React application designed to collect and showcase feedback statistics from customers at Expresso Cafe. This lightweight widget enables users to provide feedback using three options: good, neutral, and bad. The application dynamically displays the count of reviews for each category and extends its functionality to present additional statistics such as the total number of reviews and the percentage of positive feedback.

Features

• Simple and intuitive feedback collection with three categories.
• Real-time display of the count of reviews for each feedback category.
• Expanded statistics view including total reviews and positive feedback percentage.
• Modular codebase with components for statistics, feedback options, and notifications.
• Responsive design for seamless user experience.

Usage

• Access the application through your preferred web browser.
• Leave feedback by selecting one of the three options (good, neutral, or bad).
• Explore detailed statistics, including the total number of reviews and positive feedback percentage.

Project Structure

• src/components/Statistics: Component for displaying feedback statistics.
• src/components/FeedbackOptions: Component for feedback buttons.
• src/components/Section: Component for rendering sections with titles.
• src/components/Notification: Component for displaying notifications.
• src/components/App.jsx: Root component containing the main logic and state.