https://github.com/mosnad-web01/abdulaziz--react-hooks-practice-pizza

https://github.com/mosnad-web01/abdulaziz--react-hooks-practice-pizza

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mosnad-web01/abdulaziz--react-hooks-practice-pizza
• Owner: Mosnad-Web01
• Created: 2024-09-09T21:41:38.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-09-09T21:42:18.000Z (4 months ago)
• Last Synced: 2024-11-14T16:47:58.847Z (2 months ago)
• Language: JavaScript
• Size: 168 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Practice Challenge: Flatiron Pizza

![Pizza Screen Recording](https://curriculum-content.s3.amazonaws.com/react/pizza.gif)

Welcome to your first day at the Flatiron Pizzeria!

Today, you are tasked to building an online menu of all the pizzas that the

pizzeria offers.

## Setup

All the pizza data about can be found in the `db.json` file. We'll

be using `json-server` to create a RESTful API for our database.

Run `npm install` to install our dependencies.

Then, run `npm run server` to start up `json-server` on `http://localhost:3001`.

In another tab, run `npm start` to start up our React app at

`http://localhost:3000`.

## Deliverables

After firing up your server, render the list of pizzas in to the table.

Each row in the table should be a pizza component and when you click the "Edit"

button, it should send the pizza associated with that component into the Pizza

form.

The pizza form will then render the information about the pizza in the form,

which will be editable.

When the form is submitted, the information should be reflected in your table

and persist in the backend.