1. Introduction

The goal of this project is to create a React App that helps Berliners 🇩🇪 connect to local restaurants that are open during the pandemic. It is a Web App to find restaurants in Berlin, serving during the Pandemic. Restaurants can be filtered with their statuses and a dedicated page to each restaurant shows more information about them.

2. Project Brief

You are implementing and practicing the concepts that you’ve been learning during the semester including: routing, local & global state management, hooks, lifecycles & styling.

image

3. Learning Objective

  • Routing
  • Local and Global State Management
  • Hooks
  • Lifecycles
  • Styling

4. Minimum Acceptance Criteria

  • Users are able to view the list of all restaurants that are returned from the API
  • Users are able to check restaurants with specific categories/tags
  • Users are able to use filters(service type, cuisine, dietary cuisine)
  • Users are able to click a restaurant card on the restaurant listing’s page to check the details

5. Optional Challenges

6. Technical Setup

Clone down this repository. You will need node and npm installed globally on your machine. to install dependencies: npm install to run the application: npm start to visit the App: https://reditofind.netlify.app/

Technologies: framework: React.js routing: React Router global state management: Context API data fetching: RESTful API styling: Styled Component

Link to boilerplate repo: https://github.com/ReDI-School/react-21s-final-project-1

7. Resources / Hints & Tips