Back to Projects

Interactive Booth for PBS Hackathon at BIBAN Forum

PBS BIBAN Forum (Hackathon) 2025-11-5
Web DevelopmentInteractive ExperienceTouch Screen ApplicationJavaScriptHTMLCSSFirebaseResponsive Design

Overview

Created an interactive booth experience for the PBS Hackathon at the BIBAN forum. The installation featured a touch screen display designed to engage visitors and gather their innovative ideas related to specific sectors.

Project detail 1

The interface provided a clear and modern preview to attract visitors.

Project detail 3

The main screen allowed users to select from sectors like Traffic, Real Estate, and Tourism.

Project detail 5

A fully localized Arabic interface was also implemented to ensure accessibility for all attendees.

Project detail 7

Participants could enter their data and ideas through a user-friendly form.

Objectives

  • Engage visitors at the BIBAN forum.
  • Gather innovative ideas related to traffic, real estate, and tourism.
  • Collect user contact information.
  • Create a user-friendly and visually appealing touch screen experience.

Key Features

Main Screen

Displays the title "PBS Hackathon" and three interactive boxes representing different sectors (Traffic, Real Estate, Tourism).

Question Screen

Presents a sector-specific question to the user and allows them to input their answer in a text area.

User Info Screen

Collects user's name, email, organization, and mobile number through a form.

Data Submission

Stores user input (sector, answer, and contact details) in a Firebase Realtime Database.

Challenges & Solutions

Challenge:

Ensuring data persistence in a potentially offline environment.

Solution:

Used localStorage as a fallback to store data locally if the Firebase connection failed.