My friends and I smoke shisha from time to time. Since we have a lot of different flavors and often could not decide, I came up with the idea to write a small app that should make our choice easier. I have added random generator that selects from the available flavors only. It is also possible to save custom mixtures. As a little extra, I have added a function to plan the next meeting.

Since the app is not used very often, the free package with Firebase is sufficient.

Hosting

To be independent from hosting on firebase, the backend is implemented in Express.js. Firebase is used as database but this could easily be changed if needed.

Backend

The front end is a simple React app. The design was realized with Bootstrap.

Frontend

large_01.png

medium_01.png

small_01.png

thumbnail_01.png

01.png

large_02.png

medium_02.png

small_02.png

thumbnail_02.png

02.png

large_03.png

medium_03.png

small_03.png

thumbnail_03.png

03.png

large_04.png

medium_04.png

small_04.png

thumbnail_04.png

04.png

large_05.png

medium_05.png

small_05.png

thumbnail_05.png

05.png

large_06.png

medium_06.png

small_06.png

thumbnail_06.png

06.png

large_07.png

medium_07.png

small_07.png

thumbnail_07.png

07.png

large_08.png

medium_08.png

small_08.png

thumbnail_08.png

08.png

large_09.png

medium_09.png

small_09.png

thumbnail_09.png

09.png

large_10.png

medium_10.png

small_10.png

thumbnail_10.png

10.png

large_11.png

medium_11.png

small_11.png

thumbnail_11.png

11.png

react.svg

React

bootstrap.svg

Bootstrap

reactbootstrap.svg

React Bootstrap

firebase.svg

Firebase

typescript.svg

TypeScript

Shisha App

Shisha App

Applied Skills

How it works

Hosting

Backend

Frontend

Get In Touch

Send a Message