/roundtable

Platform for sharing and annotating recipes, built with Ruby on Rails and React

Primary LanguageRuby

RoundTable

RoundTable is a cooking-focused web application built on Ruby on Rails and React.js. Inspired by Genius, it allows aspiring chefs to share and annotate recipes step by step, thereby mitigating much of the confusion that comes with trying a new recipe.

RoundTable allows users to:

  • Create an account
  • Log in/log out
  • Upload recipes
  • Upload an unlimited number of nested steps per recipe
  • Upload photos associated with recipes
  • View an index of all recipes
  • View individual recipes
  • Annotate any step of any recipe
  • Search for recipes, accounting for user errors like spelling

Image of splash page

Image of recipe index

Image of recipe annotation

Technologies Used

  • The back end is built on Ruby on Rails and PostgreSQL.
  • The front end is built using React and Flux.
  • Authication is handled by bcrypt.
  • The Cloudinary API and upload widget to allow uses to upload recipes images that are stored in the cloud.
  • The Fuse.js JavaScript library adds a robust fuzzy search feature that accounts for user spelling errors.
  • Active Record nested attributes allow users to create an unlimited number of steps without making additional AJAX requests, speeding up the app considerably.