FoodFeed is a web app for users that want to search for a place to eat whether it's local or in another city. Currently there are only a few default cities supported.
Deployed LinkGitHub Repo
- HTML
- CSS
- JavaScript
User is asked to share their location which will display the temperature of their current area. If a user denies access to their present location, the base location is considered as Austin, TX & the distance of the restaurant from it's actual address is calculated from Austin. User search is filtered by food type, city, and dining category.
Results are displayed below the search area. If a result box is clicked, a modal is displayed containing business details using Zomato's APIs. The "Website" button directs the user to the business's Zomato webpage, "Favorite this location" saves the business to the user's favorite list, and "Menu" directs the user to the business's menu on Zomato. A small map with the restaurant location pinned is displayed at the bottom and redirects users to Google Maps.
Users can view their favorited locations by clicking on the "Favorites List" in the top right corner.
Unit tested the page on Windows (Chrome, IE11 & Edge), Mac, Mobile to ensure that the layout is consistent in full view as well as in the responsive mode.
- Finding free, working APIs
- Foundation CSS framework took time getting acquainted to
- Git issues and merge conflicts
- Show restaurant menu, photos, and reviews on our web page
- Enable online ordering and order status
- Ability to share on social media