Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Full-stack site for users to review their favorite, and not so favorite, places, food, products... whatever you'd like! | Node. React. Express. MongoDB.
https://github.com/codelikeagirl29/feedback-ui

context-api-react event-handlers feedback font-awesome forms full-stack http json-server jsx react udemy vercel

Last synced: about 1 month ago
JSON representation

Full-stack site for users to review their favorite, and not so favorite, places, food, products... whatever you'd like! | Node. React. Express. MongoDB.

Awesome Lists containing this project

README

        

# Reviews

View the demo app [here](https://feedback-ui-rav3-71167f04u-codelikeagirl29.vercel.app/)

> & if you'd like to see the ___Udemy___ course yourself, click [here](https://www.udemy.com/course/react-front-to-back-2022/)

It allows users to add, update and delete feedback. It uses a mock REST api with json-server.

This project goes over all of the fundamentals of React including...

- Components
- JSX
- Props (proptypes, defaultprops, etc)
- State (Component & App Level)
- Styling
- Handling Events
- Lists & Keys
- Forms
- Context API
- HTTP Requests

![JWT](https://img.shields.io/badge/JWT-black?style=for-the-badge&logo=JSON%20web%20tokens)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![Udemy](https://img.shields.io/badge/Udemy-A435F0?style=for-the-badge&logo=Udemy&logoColor=white)

![Font Awesome](https://img.shields.io/badge/Font%20Awesome-000B1D.svg?style=for-the-badge&logo=Font%20Awesome&logoColor=white)

---

![feedback ui screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1660501238/projects/Feedback_UI_udxkfw.png)

---

# Usage

### Install dependencies

```bash
npm install
```

### Run

```bash
npm run dev
```

This will run JSON-server on port :5000 and React on port :3000