Git Product home page Git Product logo

hoppie's Introduction

Team Name: Hoppies

Team Members: Hannah Gaskins, Randy Gulling, Johnny Luangphasy

The purpose of this project is to create a web app for beer consumers and connoisseurs alike.

A user would want to access the site and be able to find local breweries around them, and find out information about different types of beers. The app will also include information to calculate BAC and if it is a high number, provide links to UBER and Lyft apps.

Requirements

Getting started

  1. Clone the repo: git clone https://github.com/hnag409/Hoppie.git.
  2. Install node modules: npm install.
  3. Install and setup PostgreSQL.
  4. Start PostgreSQL server.
  5. Create a database.
  6. Create a username and password.
  7. Create a table: CREATE TABLE track_search (id SERIAL PRIMARY KEY, term varchar(255), timestamp_added timestamp);.
  8. Create account and API keys from Yelp.
  9. Add env variables in one of these files: ~/.profile, ~/.bashrc, ~/.bash_profile, .zshrc. Replace all keywords with "your_" prefix to your info.
  10. export DATABASE_URL=postgres://your_username:your_password@localhost/your_database
  11. export YELP_CONSUMER_KEY=your_yelp_consumer_key
  12. export YELP_CONSUMER_SECRET=your_yelp_consumer_secret
  13. export YELP_TOKEN=your_yelp_token
  14. export YELP_TOKEN_SECRET=your_yelp_token_secret
  15. Start node server: node server.js.

Stories

  • as a developer I want to use FP, OOP, middleware, SMACCS, and DRY principles.
  • as a developer I want to use the appropriate APIs, and data to display quality information to my users.
  • as a user I want to find information about beer and have interactivity including a BAC with links to driving services so I can get home safely.
  • as a user I want to easily navigate the homepage.
  • as a user I want to search for local PDX breweries that are close to me. I also want to be able to click and find additional information on the breweries.
  • as a user I want to search for different types of beer and access additional information to research that beer.
  • as a user I want the additional beer and brewery information to be displayed in a organized fashion to easily see that information.
  • as a user I want to know my BAC based on customized inputs I give the site.
  • as a user I want to know who created this site and why.
  • as a developer I want to use webSQL to persist my site's state.

Hoppie for dummies

User Guide

Domain Model

Domain Modeling

Wireframes

homepageOne

homepageTwo

beerandbreweryPage

BACPage

aboutPage

hoppie's People

Contributors

hgaskins avatar rgylling avatar jluangphasy avatar

Watchers

James Cloos avatar David Goodwin 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.