Code Monkey home page Code Monkey logo

brewsocial's Introduction

BrewSocial

[www.brewsocial.co][live] [live]: http://www.brewsocial.co

About

BrewSocial is a recipe sharing application for homebrewers based loosely on AllRecipes. Any user can browse or search for recipes and registered users, and registered users can publish their own recipes to the database.

Features

  • Multiple search methods for limiting to results to recipes only, users only, both recipes and users, and recipes by attributes and/or ingredients
  • Users can sign up and sign in with Twitter
  • Responsive recipe creation/edit form creates, destroys, and shows recipe-ingredient association models in real time
  • Users can choose a privacy setting on own recipes to limit their visibility to other users
  • Redirects users to sign in page for certain features if not signed in

Implementation

General

  • Responsive design/UI with CSS and jQuery
  • Client-side Backbone.js in concert with REST-based Rails API
  • Stores recipe and user pictures with AWS
  • File uploads with Paperclip gem
  • PostgreSQL database search queries handled by pg_search gem
  • Search result pagination with Kaminari gem

Libraries

  • JavaScript: Backbone.js, Underscore, jQuery, jquery.serialize.JSON
  • Ruby gems: paperclip, aws-sdk, figaro, backbone-on-rails, jbuilder, bcrypt, pg_search, kaminari

Next Steps

  • Add additional descriptive user attributes (e.g. location, bio)
  • Allow users to comment on recipes
  • Allow users to rate recipes
  • Display aggregate ratings on recipes' show pages
  • Display aggregate ratings of a user's recipes on that user's profile page
  • Allow user-to-user follow associations
  • Handle ingredients additions on recipe form with autocompleting text input instead of dropdown
  • Add unrecognized ingredients to the database, but only use them to autocomplete the addition input if they appear in some threshold number of recipes

brewsocial's People

Contributors

beavz avatar jamescarney3 avatar rafthedeveloper avatar

Stargazers

 avatar

Watchers

 avatar  avatar

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.