Git Product home page Git Product logo

flyinsoup's Introduction

Fly-in-Soup

Fly-in-Soup is a tool for New Yorkers to easily access the health inspection data on restaurants in their area.

How to Use

Click here to try the app for yourself.

To use this app, simply input a search and hit enter! Valid search parameters include the following:

  • Current Location: If the user allows the browser to access their location, the restaurant list is populated with nearby restaurants recommended on Zomato
  • Restaurant Name: If the user enters a restaurant name, the restaurant list is populated with any restaurants by that name from the health department database
  • Zip Code: If the user enters a zip code, all restaurants in the database from that zip code are loaded.
  • Borough: If the user enters the name of one of New York's five boroughs, restaurants in the database from that borough are loaded. This may take some time.
  • Favorites: If the user has a list of favorites already saved locally to their browser, or to their logged-in account, the restaurant list is populated with those favorites.

The restaurant list appears as a list of cards on the left side of the screen. The card includes the restaurant name, address and most recent health inspection grade. Clicking a card displays a modal with more information about that restaurant's most recent inspection.

Meanwhile, each of the restaurants also appears on the map to the right. The color of the marker matches the color of the health inspection grade (down to the RGB value!). Clicking on a marker displays the restaurant card right in the map. That card can also be clicked to display more info.

Each card also has a favorite icon that can be clicked to add that restaurant to your favorites list. This list is saved on local storage if the user isn't logged in, and on our database if not. Currently, our database is only being used to store favorites, but it may be expanded in the future. We will never use your email address or data for anything unrelated to the functionality of our app.

Project History

This web application was designed with love by Katherine He, Evan Simon Ross, & Jano Roze. It is the first project for the first cohort of the Columbia Full Stack Web Development Coding Bootcamp.

Credits

We used the following free APIs to build this application:

We used the following additional technologies:

Our Fly-in-Soup logo is adapted from squeakypics

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.