A landing page, as well as a results page, that utliize both Yelp API and Google Maps API.

Overview

Economic Eats

Group Project #1

Maintained By: Austin Donovan John Hysong John Guzzetta Jahnathan Exantus

Description

This project contains a landing page, as well as a results page, that utliize both Yelp API and Google Maps API. Utilizing these in conjunction allows the user to search local cities for the least expensive food in the area. This project was created with Javascript, jQuery, and tailwindCSS.

  • Uses Yelp! Fusion API to fetch business data based on a zip code or city entered by the user
  • Google Maps API uses the entered zip code or city to center location on map
  • Uses latitude and longitude data to place pins on map of locations returned by Yelp! API
  • Implements local storage functionality to save previous searches and allows user to reselect them

User Story

As a USER I want to find low-cost dining within an area SO THAT I can find affordable and good food WHEN I enter a zip code, or a city, and press the search button THEN I am presented with a list of low-cost restaurants in the area and a map with pins for the results WHEN I click on a map pin THEN I am presented with a pop-up, giving the name of the business and their address WHEN I click on the Recent Searches button THEN I am presented with a list of my prior searches WHEN I click on a prior search THEN a search is made using the displayed text of the button selected

Contact Information:

Email: [email protected] Github: https://github.com/AustinLD

Email: [email protected] Github: https://github.com/johnatticus

Email: [email protected] Github: https://github.com/Guzzemetti

Email: [email protected] Github: https://github.com/jahnathanexantus

Project Location:

Github Repository

Github Live Link

Project Example:

landing page

results page

You might also like...

A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.

A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.

Fontpicker jQuery Plugin A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fo

Dec 3, 2022

This is a simple script to upload Multiple files into google drive using google drive API and Nodejs.

Welcome to gDrive Multiple File Upload 👋 This is a simple script to upload Multiple files into google drive using google drive API and Nodejs Install

Dec 29, 2021

Google Clone using NEXT JS ,SSR, Tailwind and Google API's to search data.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sep 23, 2022

Landing page using Next.js and Tailwind

This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve

Nov 27, 2022

Landing page using Next.js and Tailwind

This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve

Aug 4, 2022

This repository contains a basic example on how to set up and run test automation jobs with CircleCI and report results to Testmo.

CircleCI test automation example This repository contains a basic example on how to set up and run test automation jobs with CircleCI and report resul

Dec 23, 2021

Elections in Russia, Saint Petersburg, 2021: results, turnout, and commission data. With image charts and brief introduction to election fraud methods used.

Elections in Russia, Saint Petersburg, 2021: results, turnout, and commission data. With image charts and brief introduction to election fraud methods used.

2021 Elections in Saint Petersburg, Russia 🇷🇺 Переключиться на русский 📈 Jump to charts 🤖 Telegram bot In Russia, Saint Petersburg from 17th to 19

Dec 26, 2022

Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results

Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results

Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core

Oct 12, 2022
Owner
John Guzzetta IV
John Guzzetta IV
Shopify Landing (Open source landing page shopify application)

SHOPIFY Open source landing page shopify application Configuration and Setup Key Features Technologies used ?? Screenshots Author License Configuratio

Gilbert Hutapea 8 May 10, 2023
Script to synchronize between a Notion database and Google Calendar both ways. Uses Google App Script.

Yet Another Two Way Notion-Google Calendar Sync Script A script to sync events between Google calendar and a Notion database. Features! Google App Scr

kat 41 Jan 7, 2023
Google-reviews-crawler - A simple Playwright crawler that stores Google Maps Place/Business reviews to a JSON file.

google-reviews-crawler A simple Playwright crawler that stores Google Maps Place/Business reviews to a JSON file. Usage Clone the repo, install the de

￸A￸l￸e￸x D￸o￸m￸a￸k￸i￸d￸i￸s 6 Oct 26, 2022
Google-Drive-Directory-Index | Combining the power of Cloudflare Workers and Google Drive API will allow you to index your Google Drive files on the browser.

?? Google-Drive-Directory-Index Combining the power of Cloudflare Workers and Google Drive will allow you to index your Google Drive files on the brow

Aicirou 127 Jan 2, 2023
A self-hosted Thumbnail generator/finder which creates thumbnails based on folder names and google search results.

Thumba A self hosted Thumbnail generator/finder which creates thumbnails based on folder names and google search results. Description This project use

Norbert Takács 20 Dec 15, 2022
📈 AI powered web scraper that let's you scrape anything you want from the web including google search results

AI powered web scraper that let's you scrape anything you want from the web including google web search results from your terminal. And at the same ti

Udhay rajeev 27 Dec 27, 2022
A Travel companion app using Google Maps API, Travel Search and Weather API

Travel Advisor Introduction An advanced Travel Companion Application using Google Maps. With Geolocation, Google Maps API, Searching for places, Fetch

Sunny Bhadani 4 Nov 11, 2022
A store locator plugin using Google Maps API version 3

jQuery Google Maps Store Locator Plugin The files you're looking for are in the dist/ directory Please see my blog for more information and examples.

Bjorn Holine 484 Dec 12, 2022
Cross provider map drawing library, supporting Mapbox, Google Maps and Leaflet out the box

Terra Draw Frictionless map drawing across mapping providers. TerraDraw centralises map drawing logic and provides a host of out the box drawing modes

James Milner 106 Dec 31, 2022
It's a javascript Class which contains utility methods that simplify working with google maps web SDK

About GoogleMapsJSHelper It's a javascript Class which contains utility methods that simplify working with google maps web SDK Note: i used ES7 Class

Sami Alateya 6 Jul 23, 2022