Purpose of the Project
In this project, I built a restaurant recommendation website that allows users to search for local businesses using their location and keywords.
Technologies Used
This was implemented using a tech stack consisting of HTML, CSS, Javascript, React and Yelp API.
Features
The website allows users to scroll up and down to navigate through its content. Users can query for a restaurant and also view a list of businesses that match their query, sorted by best match, highest rated, or most reviews. They can repeatedly make multiple queries for a restaurant recommendation. Information is transferred efficiently between components using a uni-directional data flow pattern commonly used in React applications.
Future Work
I plan to improve the application by enhancing the user interface and giving users more information about their favourite eateries. Some of the improvements I aim to work on include:
- Implementing my own type of sort (by distance or cost, etc)
- Allow users to click on the image or the address to get more information on the business (view the business website, or display business location in Google Maps)
- Improve user interface - allow users to press enter to submit their search query instead of pressing a submit button, users can switch between sort options and see business info resorted without having to press the submit button again, implementing auto-completion for business/location inputs