The RAILSPK Hub - Digital Pakistan Railways Portal 🚆 The RAILSPK Hub is a premium Single Page Application (SPA) designed to document and showcase the Pakistan Railways network through high-definition vlogs, data-driven train scorecards, and a real-time community broadcast system.
Live Site: https://therails.pk/
🚀 Key Features
- Dynamic Video Integration
Automated Vlog Feed: Real-time integration with the YouTube Data API v3 to fetch the latest travel vlogs automatically.
Duration Filtering: Users can filter content based on vlog length (Long, Medium, Short).
In-App Theater Mode: Watch vlogs directly on the platform using a custom-built responsive modal player.
- Interactive Train Scorecards
Performance Metrics: Detailed ratings for Pakistan Railways' major trains based on punctuality, cleanliness, and service.
Live Class Fares: Integrated fare table for all classes (AC Business, AC Standard, Economy) sourced from official data.
Automated Slideshows: Visual journey previews with automatic image rotation for each train.
- Community & Real-time Broadcasts
Official Broadcast System: An admin-controlled news feed for railway updates and announcements.
Engagement Stats: Real-time view counts and interactive reactions (👍, ❤️, 🔥) for every post.
Direct Image Uploads: Optimized Base64 image processing for instant media sharing without external hosting.
Full-Screen Previews: Enhanced modal viewing for long-form broadcasts with original image aspect ratios.
- Passenger Feedback System
Real-time Reviews: Fully integrated with Google Firebase (Firestore) for permanent and live passenger feedback.
Official Admin Replies: Verified responses from the RAILSPK team to user queries and reviews.
Authentication Guards: Secure data handling using Firebase Anonymous Authentication to prevent unauthorized database access.
🛠 Tech Stack
Frontend: HTML5, Tailwind CSS (Modern UI/UX), Font Awesome Icons.
Logic: Vanilla JavaScript (SPA Routing, History API).
Backend/Database: Google Firebase (Firestore, Auth).
External APIs: YouTube Data API v3, Google Analytics, Google AdSense.