A restaurant reservation web application Using Ruby on Rails and React, PostgreSQL


Seat Chet Live

Seat Check is a full-stack web application inspired by OpenTable. The backend is built on Ruby on Rails with a PostgreSQL database and the frontend consists of a React/Redux architecture. It features restaurants that users can view, book and review. Users can search for restaurants by location, restaurant name, or cuisines through the search bar or by clicking on a specific image on index page. The city image are responsive design.




Seat Check makes it easy for users to look up restuarants to find open reservations. Users can search by cuisines, retaurant names, a specific location, or see all restaurants partnered with Seat Check.

    def index 
        if params[:search] 
            @restaurants = Restaurant.search_by_key(params[:search])
            if @restaurants 
                render json: ["No Restaurant Found"], status: 404
            @restaurants = Restaurant.all

        render :index

    def self.search_by_key(keyword)
            .where("lower(city) like ?", "%#{keyword.downcase}%")
            .or(Restaurant.where("lower(cuisine) like ?", "%#{keyword.downcase}%"))
            .or(Restaurant.where("lower(name) like ?", "%#{keyword.downcase}%"))


Reservation form is present inside each restuarant’s show page. Once a user selects the time and submit the form, the information will be stored in the database and form an association between the user and the restaurant.


Users can not only save their favorite restuants (which can be viewed on their profile) but also post ratings and reviews for the restaurants they’ve been to. Once a review is posted, their rating will imediately impact the resturant’s current score. Unauthorised users will have access to this feature and will be prompted to login or sign up.

Dynamic nav bar that changes depending on whether a user is authenticated


  • User Authentication
  • Login/signup forms displayed in modal windows
  • Homes index and show pages
  • Search pages using search bar
  • Make reservations for restaurants
  • View all future reservation and past reservation on user profile page
  • Write reviews on restaurant
  • Favorite restaurant


  • JavaScript
  • Ruby on Rails
  • React
  • Redux
  • PostgreSQL
  • BCrypt

Future Features

  • Filter drop down as user types out their search
  • User profile images (AWS S3)
  • Allow users to upload photos along with their rating

Download Details:

Author: kenneth-liang

Demo: https://seat-check.herokuapp.com/#/

Source Code: https://github.com/kenneth-liang/SeatCheck

#reactjs #react #programming

A restaurant reservation web application  Using Ruby on Rails and React, PostgreSQL
17.15 GEEK