brewdog's Introduction
brewdog's People
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.
nav-bar
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.