sowyuen / food-app

Build a restaurant listing service in React

Overview

This repository contains an extended lab to build Food App a restaurant listing service.

Based on the concepts we have learnt we will gradually implement new features for the app as well as test them with react-testing-library

Each lab consist of 2 branches, the lab branch for implementing your code, and the sample solution branch to be viewed after the lab

Labs

This git repository consist of 8 labs :

Lab 1: List all restaurants from restaurant service

• Lab branch: lab1
• Solution branch: lab2
• Instructions

Lab 2: Filter restaurants by cuisine

• Lab branch: lab2
• Solution branch: lab3
• Instructions

Lab 3: Add a dropdown to sort restaurants by name or price

• Lab branch: lab3
• Solution branch: lab4
• Instructions

Lab 4: Add a navbar and link to pages Admin and Orders

• Lab branch: lab4
• Solution branch: lab5
• Instructions

Lab 5: Add a table to list and delete restaurants in the Admin page

• Lab branch: lab5
• Solution branch: lab6
• Instructions

Lab 6: Add feature to create a new restaurant in the Admin page

• Lab branch: lab6
• Solution branch: lab7
• Instructions

Lab 6 Demo: Add validation to time input with react-simple-timefield

• Lab branch: lab6-demo
• Solution branch: lab7
• Instructions

Lab 7: Add feature to edit existing restaurants in the Admin page

• Lab branch: lab7
• Solution branch: lab8
• Instructions

Lab 8: Add validation for New Restaurant form

• Lab branch: lab8
• Solution branch: master
• Instructions

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.