Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/melwinalm/realtime-seat-booking

Seat booking application which provides realtime update whenever seats are booked.
https://github.com/melwinalm/realtime-seat-booking

angularjs firebase realtime-updates semantic-ui

Last synced: about 2 months ago
JSON representation

Seat booking application which provides realtime update whenever seats are booked.

Awesome Lists containing this project

README

        

# Realtime Seat Booking

## Live Demo:

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](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.

## Technologies Used

- 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

## How to fork the project

- Go to https://github.com/melwinalm/realtime-seat-booking Github page.
- Click on the **Fork** button on the top-right corner of the page

## How to get a local copy of the project

- 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 URL `https://github.com/melwinalm/realtime-seat-booking`
- Press **Enter**