Coder Social home page Coder Social logo

brewdog's Introduction

brewdog's People

Contributors

joeysgithuub avatar

Watchers

James Cloos avatar

brewdog's Issues

What the Website should be

When the user first visits the page they will either need to sign in or sign up if they want to be able to save favorites
When a user visits the page, but doesnt want to make an account they can still browse, but not save
When a user clicks on a specific photo of a beer, a description of it will be presented
Then if the user wants to search beers by name they can type it into the search bar
Then if the user wants to search beers by alcohol content they can select the range from the navbar
Then if the user wants to see their favorites they can select favorites from the navbar
Then once on favorites the user can comment what they thought about the beer they favorited
And thats pretty much it

users

Given a user wants to use BrewDog
When the user first visits the app
Then there will be a sign in field or a sign up button
And when the sign up button is clicked you will be taken to a registration form

Given the user wants to register
When the register clicks register
Then a registration form will be displayed and the user will be able to sign up with email username and password

Given the user has filled out all fields they will click a submit button
Then the system will check if the username is available
And if it is the account will be created

layout

When the user visits the main page they will see blocks of beer photos
Then if a user wants more info on a specific beer they can click on the photo
Then a modal will pop up with a description of the beer they selected

Contact Us

On the nav bar there will be a contact us button
Then if user clicks it they will be directed to the contact page
Then they will see a way to contact
And its not real

Favorites

When a user really likes a specific beer
Then there will be a star or some sort of button on the beer photo
Then the beer will be saved into the database
And if a user wants to view the favs they can click on a button which will display a modal of their favorites.

Viewing Favorites

When a user clicks the favorite tab
Then they will be able to see all of their favorites
Then they can also add comments about what they thought about the beer.
And they can edit or delete favorites.

Products

When the user clicks on products
Then a dropdown will be presented
There they will be able to click on what alcohol content they want to search for
Maybe like 0-4.5
4.5-6.0
6.0-up

nav-bar

When the user views the page the nav bar will be at the top
Then the user can select which link they want to view
There will be a Favorites button
There will be a Home button
There will be a About button
There will be a Contact Us button
And a Login button

linking description

whenever a beer photo is clicked a description will pop up telling you about the beer.

search bar stretch

When the user clicks the search bar field
Then they can search a specific beer by typing in the name
Then once they hit enter they will be directed to the specific beer they want
And if they want they can save it to their favorites

API

linking Punk API to pull data.

Home

When a user wants to get straight back to the home page
Then there will be a home button in the nav bar which will bring them back home
Then the home page will basically be the products page

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.