Giter Club home page Giter Club logo

bellow's Introduction

Bellow!

Welcome to Bellow, a Yelp-like application that gives the power to the people when searching for the best places to eat. In Bellow, you are able to sign up, browse restaurants, write reviews, and filter for the perfect restaurant.

Visit the website here: Bellow!

alt text

Technologies

The application uses Rails and ActiveRecord for handling the backend because of their efficiency in reducing the number of queries on the database. React is used for its enhanced UI that re-renders just components that have changed as opposed to entire pages. And Redux is used for its state management, which was very helpful on pages like “search” that have multiple components (e.g. the search bar, price filters, index, and map) accessing different slices of state.

The app also implements Google Maps and uses several of its features, such as tracking latitude/longitude changes and creating interactive markers.

Features

Core Features

There are several important features beyond being able to view a list of restaurants: user authorization, multiple avenues for site navigation, creating/updating/deleting reviews, and filtering.

Filtering takes place on the search page. Because the data sample is small and the search bar needs access to all of the businesses for its fuzzy search, filtering by price and search input occurs on the frontend, which allows for greater speed and doesn’t require the map component to remount every time a filter is changed (only its markers change).

New Features!!

Two exciting features were added recently. 1) The ability to interact with the Google Maps API by hovering over markers to see which restaurant they belong to and clicking the marker to navigate to the restaurant's page. 2) By implementing the material-UI JavaScript library, the search bar now has a fuzzy filter that speeds up both search and navigation by pre-populating a list of results with clickable dropdown items that can take you to search results for the cuisine you're looking for or directly to a restaurant's page.

Map Marker Hover and Click

alt text

Search Bar Fuzzy Filter and Click

alt text

Coming Soon

Updates to come will include a user profile page, the abilities to like reviews and "favorite" restaurants, and a filter for restaurants that are currently open.

I'm excited for you to explore the app and code, and I welcome any feedback you have!

bellow's People

Contributors

rgoc123 avatar daybydae avatar

Stargazers

 avatar

Watchers

 avatar

bellow's Issues

Auth

Make a functioning sign up and login form

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.