Skip to content

lr001dev/Food-And-Fortune-WebApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Food And Fortune Web App

Food And Fortune is a random restaurant chooser application based on specialized food collections specific to a city. The app is based on the Zomato Restaurant and Fortune Cookie API. Users load a city and receive random selections of restaurants to guide them to their next food destination. The app also displays 1 Fortune from the Fortune Cookie API with each search.

Spin the Food And Fortune Wheel and be shown your future fortune and eating spot!

Technologies Used:

HTML5, CSS, Javascript, Jquery, touchmove event listener, Zomato API, Fortune Cookie API, HTML5 Audio for Music & Sound Fx.

Current Bugs:

1-There are instances where the API will load no Food Collections for a city due to returning zero results for that city. Perhaps because API is still fairly new.

2-There are cases where the API will return no restaurant results after it has landed on a Food Collection when it seems that there should be a result. API miss?

3-Reset Wheel triggers unwanted actions if user clicks before loading a new city. Works fine after the fact.

4-If user hits enter when loading city instead of clicking the button the page refreshes instead of registering the input.

Solve

Must create logic to handle these cases.

In case #1, we can replace the missing Food Collections with more general food categories that aren't specific to a city that is available through the Zomato API.

In case #2, prompting the user that there was a miss or making an additional API call under the radar to find a backup selection.

In case #3, Restructure #wheelReset event listener to be setup within the class SearchCity within the createWheelFoodCategories method by using bind/unbind jquery methods to enable or disable click at appropriate time.

In case #4, revisit the event.Default() on the form and troubleshoot the event bubbling.

Workflow on Trello:

https://trello.com/invite/b/sK7Au91i/e4be659f95847372cd717149e8fc3e6b/sei-food-fortune

Wireframes

////// Intro Modal Pop Up On Page Load /////

Screenshot Screenshot

////// On Mobile /////

Screenshot

////// App Main View /////

Screenshot Screenshot

////// On Mobile /////

Screenshot

//////Automatic Modal Pop Up Show Restaurant Listing////////////

Screenshot Screenshot

////// On Mobile /////

Screenshot

Road Map

1-Add Geo Location capability to lock user's location

2-Allow user to additionally select food collection to filter their spin

3-Integrate additional restaurant apis to add more variety

4-Add capability for user to add their zodiac

5-Display user's current astrology reading

6-Allow user to filter search restaurant/selections/menus by their zodiac

Demo

https://lr001dev.github.io/Food-And-Fortune-WebApp/

About

Random Restaurant Chooser

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published