React Feedback App

Feedback.UI.mp4

Introduction

Welcome to the Feedback App repository! This is a web application built with React for collecting and displaying user feedback. The app includes features such as submitting feedback, viewing feedback statistics, and an about page.

Table of Contents

Features

  • Feedback Form: Users can submit feedback, including a rating and a comment.
  • Feedback List: View a list of all feedback received, with options to delete or edit each entry.
  • Feedback Statistics: See the total number of reviews and the average rating.
  • About Page: An informative page about the application.

Getting Started

To run this project locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/your-username/feedback-app.git
cd feedback-app
  1. Install dependencies:
 npm install
  1. Start the development server:
npm start

Open your browser and visit http://localhost:3000 to see the app in action.

Project Structure

The project structure is organized as follows:

src/

  • components/: React components used in the application.
  • context/: Context provider for managing feedback data.
  • Pages/: React components representing different pages of the app.
  • shared/: Reusable components like Card and Button.

Technologies Used

  • React
  • useState(), useEffect(), useContext(), createContext()
  • React Router
  • Framer Motion
  • PropTypes
  • UUID (v4)
  • contextAPI
  • es6 -> map, reduce, ternary operator