Skip to content

fcieminski/Brewio-app-infoShare

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

From the author (one of them)

Hello, thanks for visiting our project repository. This app was made as a final project in our Front-End Developer course. During two months of hard study about CSS3, HTML5, JavaScript, React and a bunch of other stuff, I have made this app with three more developers (I think finally we "kinda" can call ourselfes like this). This is not only my work, so check out my friends profiles:

What's it all about?

Imagine - friday evening, you meet few friends and they want to hang out in a pub, that is a typical situation. But remember, it is friday evening, so problably you will walk from place to place trying to find this perfect one where you all can fit. Frustrating, right? So here comes Brewio, willing to help you!

Our app was made to connect with all local pubs (and clubs maybe) and make it easy to reserve a place for you and your friends. With Brewio you can live check where are pubs nearby with enough space to let you enjoy your night. You can even make a reservation for your birthday party, or integration party.

Why we made it?

We had three tasks during our course:

  1. We had to make a landing page, to inform people that our app is going to be released. That was simple but a little bit tricky task involving CSS3, HTML5, RWD and a little bit of JS. You can see it here - https://infoshareacademy.github.io/jfdd11-hs/
  2. After subscribing for futher information about our app, you can play our gift game made fully in Vanilla JS. Game is about a guy, who is having a great time in one of our partners pub 😄 drinking a lot of beers and trying to get as drunk as possible, not particularly educational, I know. The more you drink, the harder the game gets, screen becoming blurry, our movement is not so smooth. After last beer, you have to reach taxi, which comes next to the tiny door. Remember, you have to exactly reach the door.. Check it out, it is really funny - https://infoshareacademy.github.io/jfdd11-hs/game/index.html
  3. Last one was this app, try it! -http://app.hs.jfdd11.is-academy.pl/. Please, use smartphone view. We made it (for now) only for mobile devices.

How we made it?

We used React, and a few little components like FontAwesome for icons, Material UI for log in and sign in forms, Leaflet for map and Datapicker for calendar component.

Rest of the components we made by ourselfes. For storing data we gather everything at Firebase, and we used WebSocket for live reservation preview. To avoid props drilling, we implemented React Context.

Features

In Brewio you can:

  • Check out every pub on the list
  • Make your own account
  • Add your pub if you are an owner
  • Check out every pub on the map
  • Search by city, name, location, amount of people or opening hour
  • Accept and reject reservations
  • Check out the status of your reservations

Final thoughts

We had a lot of fun while building Brewio app. There are few things to improve, and few more features to add to make it almost perfect, but for all the effort we gave to this app, I am proud of it, and I hope my friends are too. 😄 For sure I will try to add new thing to it, and even transfer the app to React Native, but in the future. Oh, and, do not copy our idea! 😉

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.1%
  • CSS 23.8%
  • HTML 2.1%