This was the final project of the Wagon Bootcamp Course which was made in 9 days by a team of four people.
Our project is available here for you to see all these features in action.
The number of beers is steadily increasing due to the growing popularity of this type of beverage. It has become increasingly difficult to keep track of which beer has been tried and if it was good.
Writing this information in a notebook can seem a good idea but it comes with disavantages :
- You always need to carry it on yourself wherever you go in case someone offers you to grab a drink.
- You need to be consistant in the way you document your discoveries.
- If you lose it, you loose all your precious informations without hope of getting it back.
A progressive web application (PWA) seemed a logical choice to solve these issues :
- It can be accessed from anywhere and on any device.
- The data you enters is already formated in a pleasing way for you.
- If you lose your phone, the data is persisted and is still available to you.
This section is divided between the differents sections of our project for lisibility but they are related in the actual website.
This is the core of our website which provides important informations on beers to our users
Mobile
Desktop
- A User can see the recently added beers.
- On a chosen beer, a user can see the following informations :
- Their style such as IPA, Triple...
- Their color such as Blond, Amber... (which also generate, on click, a search query to see related beers)
- Their alcohol strength
- The country of origin
- Their brewery (which also leads to the related page)
- A User can do a named search for a particular beer
- A user can search for a particular color of beer
- A bar code can be scanned to fetch the related beer from our database or to prefill a form to create if not absent
-
A User can add a review of a selected beer, review made of a 0 to 5 rating alongside a comment
-
A beer can be added to one of the main list which are the following :
- The Whitelist to store liked beers
- The Blacklist to store those which shouldn't be tasted ever again
- The Wishlist to store beers that our users would like to try in the future
-
A user can see statistics related to those main lists in order to have a better appreciation of how this beer is perceived by other people
-
A user can also create customs lists, which are also made to store beers, and name them as they like
- Users can add beers if they are not yet present in our database
- Users can edit existing beers if they think an information is invalid
- When on a beer page, a user can see related community suggestion based on their likings
This section of the website gives additionnal information on the breweries that makes all those good, and sometimes not so good, beers
Mobile
Desktop
- Our users can view how many beers this brewery is producing and the name of each one with some details like the color and the alcohol strength
- They can see how many of each beers color there are available at this brewery
- Our users can filter them by color to only display the kind of beers they want to see
- User can see how the beers from this brewery have been rated overall
- A map is provided, alongside the address, to give the user a visual idea of where the brewery is located
This section displays what beers the user chose in the beer section
Mobile
Desktop
- A user can have a global appreciation of how many beers there are in each of their lists
- A user can remove beers from their lists
- They can see if a beer is present across multiples lists
- They can delete, create and edit customs lists.
You may experience some latency while first accessing our website, this is due to our hosting service and is beyond our control.
Please be patient and feel free to grab a beer while it loads.