A modern, responsive, open-source dashboard that tracks and categorizes IMAX screens across India. This project eliminates backend dependencies by fetching and parsing data in real-time directly from a community-maintained Google Spreadsheet via the Google Visualization API.
Experience the live directory here: https://blakstrox.github.io/ImaxDirectoryLive/
- Zero Backend Required: Pulls live data straight from a public Google Sheet without requiring authentication or API keys.
- Smart Parsing: Automatically adapts to column mapping and ignores hidden or archived sheet data.
- Interactive UI: Futuristic glassmorphism design built natively with HTML, CSS, and Tailwind CSS.
- Auto-Filters: Dynamically generates dropdown menus based on the live content of the spreadsheet.
- Mobile Optimized: Panels auto-collapse and grids adapt gracefully to prevent horizontal scrolling on small devices.
- Integrated Maps: Hidden Lat/Long data generates interactive "View on Map" buttons dynamically.
- HTML5
- Tailwind CSS (via CDN for instant drop-in usage)
- Vanilla JavaScript (ES6+)
- Google Visualization API (
gviz/tqendpoint)
Because this project runs entirely on the client side, there are zero build steps or package managers required.
- Clone the repository:
git clone [https://github.com/blakstrox/ImaxDirectoryLive.git](https://github.com/blakstrox/ImaxDirectoryLive.git)