{"id":30615375,"url":"https://github.com/kalyanihf/feedbackapp-react","last_synced_at":"2025-12-30T21:12:42.008Z","repository":{"id":310125716,"uuid":"1038795917","full_name":"KALYANIHF/feedbackApp-react","owner":"KALYANIHF","description":"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.","archived":false,"fork":false,"pushed_at":"2025-08-24T21:57:34.000Z","size":732,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-25T00:49:25.064Z","etag":null,"topics":["bun","bunjs","contextapi","json-mock-server","json-server","jsx","jsx-syntax","react","reducer","redux","redux-toolkit","single-page-app","single-source-of-truth","state-management"],"latest_commit_sha":null,"homepage":"https://feedback-react-app-alpha.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KALYANIHF.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-15T20:43:18.000Z","updated_at":"2025-08-24T21:57:37.000Z","dependencies_parsed_at":"2025-08-15T23:36:46.271Z","dependency_job_id":"7c932ed2-8bae-4d44-b607-5e8707c803d9","html_url":"https://github.com/KALYANIHF/feedbackApp-react","commit_stats":null,"previous_names":["kalyanihf/feedbackapp","kalyanihf/feedbackapp-react"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/KALYANIHF/feedbackApp-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KALYANIHF%2FfeedbackApp-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KALYANIHF%2FfeedbackApp-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KALYANIHF%2FfeedbackApp-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KALYANIHF%2FfeedbackApp-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KALYANIHF","download_url":"https://codeload.github.com/KALYANIHF/feedbackApp-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KALYANIHF%2FfeedbackApp-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001114,"owners_count":26083021,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bun","bunjs","contextapi","json-mock-server","json-server","jsx","jsx-syntax","react","reducer","redux","redux-toolkit","single-page-app","single-source-of-truth","state-management"],"created_at":"2025-08-30T08:02:05.701Z","updated_at":"2025-10-09T09:14:56.758Z","avatar_url":"https://github.com/KALYANIHF.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Feedback Application\n\nA 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.\n\n---\n\n## Table of Contents\n\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Technologies Used](#technologies-used)\n- [Screenshots](#screenshots)\n- [Contributing](#contributing)\n- [License](#license)\n\n---\n\n## Features\n\nThe Feedback Application comes with the following functionalities:\n\n### 1. User Rating\n\n- Users can rate on a scale from 1 to 10.\n- The rating system supports quick selection and visual highlighting.\n\n### 2. Feedback Message\n\n- Users can enter detailed textual feedback.\n- Input validation ensures meaningful feedback submission.\n\n### 3. Feedback Categories\n\n- Feedback can be assigned to specific categories (e.g., UI, Performance, Features).\n- Makes it easier to filter and analyze feedback.\n\n### 4. Feedback List\n\n- Displays a list of all submitted feedback.\n- Includes rating, message, category, and submission timestamp.\n- Supports clean and organized layout for easy browsing.\n\n### 5. Feedback Statistics\n\n- Calculates average rating dynamically.\n- Shows total number of feedback submissions.\n- Displays category-wise statistics for better insights.\n\n### 6. Theme Toggle (Light/Dark Mode)\n\n- Users can switch between light and dark themes.\n- Smooth transition between themes for enhanced user experience.\n\n### 7. Responsive Design\n\n- Fully responsive UI for desktop, tablet, and mobile devices.\n- Modern design with clear typography and intuitive layout.\n\n### 8. User-Friendly UI\n\n- Modern form design with hover and focus effects.\n- Smooth scrolling and aesthetic color scheme.\n\n### 9. Filtering Feedback besed on likes and dislikes and category\n\n- Users can filter feedback based on likes and dislikes and category.\n\n### 10. Tag your feedback with list options\n\n- you can tag your given feedback from this tags\n\u003ctable\u003e\n    \u003cth\u003eTags\u003c/th\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca\u003eUI\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003ca\u003eUX\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003ca\u003ePerformance\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003ca\u003eFeatures\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003ca\u003eBug\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003ca\u003ePraise\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003ca\u003eOthers\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n### 11. You can give feedback with anonymous mode without giving your name\n\n- Users can give feedback anonymously without providing their name.\n\n### 12. Real time Analytics\n\n## ![realtime data stat](src/assets/image.png)\n\n### 13. mobile first design\n\n![mobile first design](src/assets/image-1.png)\n\n## Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/KALYANIHF/feedbackApp.git\n```\n\n2. Navigate to the project directory:\n\n```bash\ncd feedback-app\n```\n\n3. Run through any js package manger like npm, yarn, pnpm, bun to install dependencies: \u003ci\u003e( i use bun because it fast more than any other choices in the market )\u003c/i\u003e\n\n```bash\nbun i\n```\n\nOR\n\n```bash\nbun install\n```\n\nOR\n\n```bash\nnpm install\n```\n\nOR\n\n```bash\nyarn install\n```\n\nOR\n\n```bash\npnpm install\n```\n\n4. To Run the application use the following command: \u003ci\u003e( here i am using bun you can use any other one as above just replace bun with your prefer dependency package manager )\u003c/i\u003e\n\n```bash\nbun run dev\n```\n\n---\n\n## Usage\n\n1. Submit Feedback\n\n   - Select a rating (1–10).\n   - Enter feedback text.\n   - Choose a category.\n   - Click \"Submit\".\n\n2. View Feedback\n\n   - Browse the feedback list to see all submissions.\n\n3. Analyze Statistics\n\n   - Check average ratings.\n   - Review category-wise insights.\n\n4. Toggle Theme\n\n   - Switch between light and dark mode using the theme toggle button.\n\n---\n\n## Technologies Used\n\n- JSX – JavaScript syntax and features\n- HTMl - Structured and semantic markup\n- CSS3 – Modern styling and responsive layout\n- JavaScript – Dynamic UI updates and statistics calculation\n- React – JavaScript library for building user interfaces\n- Vite – Modern build tool for JavaScript and CSS\n- ESLint – JavaScript linter for code quality\n- Prettier – Code formatter for consistent code style\n- Jest – JavaScript testing framework for unit testing\n\n---\n\n## Screenshots\n\n![Feedback Application Screenshot](/src/assets/projectThumnail.png)\n\n---\n\n## Contributing\n\nWe welcome contributions to improve this app:\n\n1. Fork the repository.\n2. Create a new branch: `git checkout -b feature-name`\n3. Make your changes and commit: `git commit -m 'Add new feature'`\n4. Push to the branch: `git push origin feature-name`\n5. Submit a Pull Request.\n\n---\n\n## License\n\nThis project is licensed under the MIT License.\n\n---\n\n## Author\n\n**Souvik Mondal** – Senior Software Engineer\n\n- Passionate about building interactive web applications\n- Experienced in front-end, JavaScript frameworks, and DevOps\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkalyanihf%2Ffeedbackapp-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkalyanihf%2Ffeedbackapp-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkalyanihf%2Ffeedbackapp-react/lists"}