A Modern District-Based Ramadan Timetable Web App
Live Demo
🔗 https://ramadaan.pro.bd/
Ramadan Calendar 2026 is a beautifully designed, responsive web application that provides accurate Sehri and Iftar timings for all districts of Bangladesh.
This web application follows the Time Schedule of Islamic Foundation Bangladesh.
It combines clean UI design, smart search functionality, real-time countdown logic, and Progressive Web App capabilities to deliver a smooth and modern Ramadan experience.
- Select any district in Bangladesh
- Smart searchable dropdown
- Interactive Bangladesh SVG map
- Instant timetable update on district change
- Type-to-search district names
- Scrollable dropdown results
- Case-insensitive matching
- Keyboard accessible
- Mobile-friendly interaction
- Clean UI with smooth focus states
- Full 30-day Ramadan timetable
- Sehri & Iftar times clearly displayed
- Clean tabular layout for readability
- Automatically detects the next event:
- Sehri
- Iftar
- Real-time countdown timer
- Updates every second
- Smooth dynamic UI update
- Hijri date display
- Bangla formatted dates
- Clean header layout with calendar information
Optimized for:
- Mobile devices
- Tablets
- Laptops
- Desktop screens
Modern spacing, readable typography, and smooth layout structure.
- Installable on mobile devices
- Service worker support
- Offline capability
- Web App Manifest configured
- App-like experience on mobile
- Soft green Ramadan-themed color palette
- Card-based layout
- Elegant rounded components
- Accessible contrast and readability
- Smooth hover and focus effects
- Clean typography hierarchy
https://kazimmt.github.io/sehri-iftar/
- Dark Mode Toggle
- Push Notification Reminder
- Automatic Location Detection
- Multi-language Support
- API-based dynamic prayer times
- Ramadan Special Events Integration
Designer and Intial Version:
Kazi Tuhin
@kazimmt
Feature Enhancements:
Sajjad Hossain Soykot
@SajjadHossainSoykot
If you like this project, consider giving it a ⭐ on GitHub!