Coder Social home page Coder Social logo

zach-hoppr's Introduction

README.md

  • Code Fellows 201-D5 Project Week
  • Start Date: January 25th (Layout Day)
  • End Date: January 29th (Presentation Day)

Project Contributors:

  • Ben Harding - Leader / Coordinator (Came up with idea for project)
  • Ethan Brown
  • Zach Georgii
  • David Zalk

The name of our project is Hoppr.

  • Hoppr was an idea that was proposed by our group leader, Ben Harding.
  • Hoppr was made for brewers as a resource to aid in the process of brewing beer. Hoppr is catered towards the smalltime home-brewer and gives ample information about hops and their uses, as well as recipes for making various beer styles,
  • Hoppr is designed to be an interactive website in which the user can get information about various hops. There a 3 separate functional pages that display different data or information about hops.
  • On the first page the user selects a hop from the drop-down list, as well as what they intend to use that hop for during the brewing process. User than submits that information and a list containing various hops that could be substituted for the hop selected. In the event that user is unable to obtain the regular hop of choice, user can pick from the list which has hop name, alpha acid content and percent match to selected hop. List is displayed in browser window opposite the hop select drop-down box. On the bottom left of the page, user may choose to find a hop based off of 5 different flavor properties, 'Piney', 'Fruity', 'Spicy', 'floral' and citrus. Upon click of Find Profile button, once again , the name, alpha acid content and percent match properties of various hops are displayed opposite the profile selector.
  • On the second page (description.html), a hop is selected via. a drop-down list and that hop's characteristics are displayed in the browser opposite the drop-down hop selector. Underneath, user may choose to add a new hop by entering any name, and by selecting properties from the drop-down lists. When 'Click When Done' button is clicked, all the new hops properties and values are shown opposite the hop adder. Also, it is important to know that any time a new hop is created, it is appended to the end of the hop dropdown list above, and can be selected like any other hop to display its properties and values.
  • On the third page is an automated beer recipe creator. User may enter a name for the beer, and than select a hop to use for the beer brewing process. User than selects what type of beer they want to brew, for instance "Ale", or "Porter". After that they select what type of class they wish to make (ie: 'Session', 'Standard', 'Imperial', 'Double'). New recipe is rendered and displayed in the browser opposite the Automatic Recipe Builder.
  • The last and final page is an about us page containing pictures of all four of us, the Hoppr group, as well as a few lines each for our personal interests. Much css animation is used in this about us page, as well as making use of transitions and transforms.

zach-hoppr's People

Contributors

zgeorgii avatar

Watchers

 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.