VegHead

Introduction

VegHead, is a single-page React app using Yelp's API to connect a user with the best matched, highest rated, Most Reviewed restaurants in a city or location (e.g. NE Portland) chosen by the user.

The page loads with default vegetarian restaurants with Most Reviews settings.

This app was originally part of a React course at Code Academy but is refactored and personalized here as "VegHead".

---

Start-up Server

To run the server, NPM or Yarn must be installed.

Open up the terminal and go to the project directory. Inside of the project directory, run:

npm install

npm start

If you have Yarn installed run:

yarn start

This project was built using Create React App. For complete technical details click Create React App

---

Technical Components

• Flexbox
• Media queries used to build the responsive design.
• JavaScript (ECMASript 6)
• React 16.8.3

---

Attribution

UI background picture by PXHere

Picture of React Component Map

---

Pictures of Responsive Design

Phone

Tablet

Desktop

---

Future Features

• Move Google map to Modal pop-up
• Add Favorites menu - start by storing in local storage