https://github.com/aftabdotorg/feedback-ui

Feedback UI
https://github.com/aftabdotorg/feedback-ui

context-api framer-motion react react-hooks react-router

Last synced: 3 months ago
JSON representation

Feedback UI

• Host: GitHub
• URL: https://github.com/aftabdotorg/feedback-ui
• Owner: aftabdotorg
• Created: 2023-05-28T12:32:01.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-06-07T15:38:32.000Z (almost 2 years ago)
• Last Synced: 2025-01-08T07:28:39.215Z (5 months ago)
• Topics: context-api, framer-motion, react, react-hooks, react-router
• Language: JavaScript
• Homepage: https://purple-feedback.netlify.app/
• Size: 253 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Feeback App

### Technologies used

1. React 

2. Framer-motion 

3. Context api

## Overview

1. Feedback UI is template app built for taking review and ratings froms users.

2. User can apply CRUD functionality on any review.(Create ,Read, Update, Delete)

### Landing page - 

![Feedback-UI](./images/Screenshot%20from%202023-06-07%2020-38-06.png).

## Project is made using 2 approach - 

1. Prop drilling (Beginner)

2. Context api (Professional)

### To clone and run it in local machine -

1. Clone the repo with desired branch(master | context-api).

2. cd into project folder where package.json is present.

3. Type ` npm start ` in terminal to fire up project.  

## How to use

1. For adding feedback, type review in input box which validates input for more than 10 characters.

2. Select desired rating from above row of number ratings.

3. Once you have selected rating and typed desired review click on send to add review.

4. The stats will show number of reviews along with average ratings.

5. To edit or modify previously added review click on edit icon in list item.

6. This will start edit mode and input box will show your selected review . you can modify your choice. 

6. To delete any feedback click on cross icon which will validate deletion.

7. To like any review heart icon is provided. 

8. Review count and Average of ratings will change as per modifications. 

9. There is about page which depicts the version of app and some info.