A comprehensive web-based Feedback Application that allows users to submit ratings, provide textual feedback, categorize feedback, view all submissions, and analyze statistics. The app also includes a modern, responsive design with light and dark mode support.
The Feedback Application comes with the following functionalities:
- Users can rate on a scale from 1 to 10.
- The rating system supports quick selection and visual highlighting.
- Users can enter detailed textual feedback.
- Input validation ensures meaningful feedback submission.
- Feedback can be assigned to specific categories (e.g., UI, Performance, Features).
- Makes it easier to filter and analyze feedback.
- Displays a list of all submitted feedback.
- Includes rating, message, category, and submission timestamp.
- Supports clean and organized layout for easy browsing.
- Calculates average rating dynamically.
- Shows total number of feedback submissions.
- Displays category-wise statistics for better insights.
- Users can switch between light and dark themes.
- Smooth transition between themes for enhanced user experience.
- Fully responsive UI for desktop, tablet, and mobile devices.
- Modern design with clear typography and intuitive layout.
- Modern form design with hover and focus effects.
- Smooth scrolling and aesthetic color scheme.
- Users can filter feedback based on likes and dislikes and category.
- you can tag your given feedback from this tags
| Tags | ||||||
|---|---|---|---|---|---|---|
| UI | UX | Performance | Features | Bug | Praise | Others |
- Users can give feedback anonymously without providing their name.
- Clone the repository:
git clone https://github.com/KALYANIHF/feedbackApp.git- Navigate to the project directory:
cd feedback-app- Run through any js package manger like npm, yarn, pnpm, bun to install dependencies: ( i use bun because it fast more than any other choices in the market )
bun iOR
bun installOR
npm installOR
yarn installOR
pnpm install- To Run the application use the following command: ( here i am using bun you can use any other one as above just replace bun with your prefer dependency package manager )
bun run dev-
Submit Feedback
- Select a rating (1–10).
- Enter feedback text.
- Choose a category.
- Click "Submit".
-
View Feedback
- Browse the feedback list to see all submissions.
-
Analyze Statistics
- Check average ratings.
- Review category-wise insights.
-
Toggle Theme
- Switch between light and dark mode using the theme toggle button.
- JSX – JavaScript syntax and features
- HTMl - Structured and semantic markup
- CSS3 – Modern styling and responsive layout
- JavaScript – Dynamic UI updates and statistics calculation
- React – JavaScript library for building user interfaces
- Vite – Modern build tool for JavaScript and CSS
- ESLint – JavaScript linter for code quality
- Prettier – Code formatter for consistent code style
- Jest – JavaScript testing framework for unit testing
We welcome contributions to improve this app:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name - Make your changes and commit:
git commit -m 'Add new feature' - Push to the branch:
git push origin feature-name - Submit a Pull Request.
This project is licensed under the MIT License.
Souvik Mondal – Senior Software Engineer
- Passionate about building interactive web applications
- Experienced in front-end, JavaScript frameworks, and DevOps