To see the demo you need two browsers, or two windows or two tabs.
- Open this link for live demo: https://melwinalm.github.io/realtime-seat-booking in two different tabs.
- Enter different login names in Username field and click login.
- It will show you an array of theater seats.
- On selecting a seat in one tab will mark it as green color, simultaneously that seat will turn red in another tab indicating the seat already booked by some other user.
This is just a concept which explains how Firebase can be used to book seats in realtime.
Click on Reset Seats
button on the header to clear all the information.
- Angular Js - Is a dependency for Firebase
- Firebase - Offers realtime database
- Sematic UI - To give a nice look to the UI
- jQuery - Is a dependency for Semantic UI
- Go to https://github.com/melwinalm/realtime-seat-booking Github page.
- Click on the Fork button on the top-right corner of the page
- Navigate to https://github.com/melwinalm/realtime-seat-booking Github page.
- Click on Clone or download
or
- Open terminal
- And type
git clone
and paste the following URLhttps://github.com/melwinalm/realtime-seat-booking
- Press Enter