A beautiful, bilingual Ramadan calendar for Bangladesh with accurate prayer times.
- 🌙 Accurate Sehri & Iftar Times — Official data from Islamic Foundation Bangladesh (ইসলামিক ফাউন্ডেশন বাংলাদেশ)
- 🕌 5 Daily Prayer Times — Fajr, Dhuhr, Asr, Maghrib, Isha for all 30 days of Ramadan
- 🤲 Authentic Duas — Sehri Niyyah, Iftar Dua, and After-Iftar Dua with Arabic, transliteration & meaning
- ⏱️ Live Countdown Timer — Counts down to Ramadan start, next Sehri, or next Iftar
- 🌐 Bilingual — Full English & বাংলা (Bangla) support with one-click toggle
- 🇧🇩 Bangladesh Timezone — All times in BST (UTC+6)
- 🎨 Glassmorphism Design — Modern dark UI with gold & emerald accents
- ✨ Animated — Twinkling stars, floating particles, glowing moon
- 📱 Fully Responsive — Works on mobile, tablet, and desktop
- ♿ Accessible — Semantic HTML, ARIA labels, keyboard navigable
| Info | Details |
|---|---|
| Start | 1 Ramadan 1447 AH = February 19, 2026 |
| End | 30 Ramadan 1447 AH = March 20, 2026 |
| Location | Dhaka, Bangladesh |
| Source | Islamic Foundation Bangladesh |
| Timezone | BST — Bangladesh Standard Time (UTC+6) |
| Layer | Technology |
|---|---|
| Structure | HTML5 (Semantic) |
| Styling | Vanilla CSS (Glassmorphism, Animations) |
| Logic | Vanilla JavaScript (ES6+) |
| Fonts | Google Fonts — Noto Sans Bengali, Inter, Amiri |
| Dependencies | None — Zero external libraries |
# Clone the repo
git clone https://github.com/worthmindbd/Ramadan-Project.git
cd Ramadan-Project
# Serve locally (any static server works)
npx serve .
# Or with Python
python3 -m http.server 3000
# Open in browser
open http://localhost:3000See the Dokploy Deployment Guide section below.
- Go to your repo → Settings → Pages
- Source: Deploy from a branch
- Branch:
main/root - Click Save — your site will be live at
https://worthmindbd.github.io/Ramadan-Project
- Go to netlify.com → Add new site → Deploy manually
- Drag your project folder onto the Netlify drop zone
- Done — instant live URL!
npx vercel --prodDokploy is a self-hosted PaaS (like Heroku) that runs on your own VPS.
- A running Dokploy instance (VPS with Dokploy installed)
- This repo pushed to GitHub
1. Open your Dokploy dashboard
http://YOUR_VPS_IP:3000
2. Create a new Application
- Click "Create Application"
- Name:
ramadan-calendar - Type: Static (or Docker if using Nginx)
3. Connect GitHub Repository
- Go to Source tab
- Select GitHub
- Authorize Dokploy to access your GitHub account
- Choose repo:
worthmindbd/Ramadan-Project - Branch:
main
4. Configure Build Settings
| Dokploy Field | Value |
|---|---|
| Build Type | Dockerfile |
| Dockerfile Path | ./Dockerfile |
| Docker Context Path | . |
| Port | 1447 🌙 |
5. Set Domain (Optional)
- Go to Domains tab
- Add your custom domain or use the Dokploy-generated subdomain
- Enable HTTPS (Let's Encrypt auto-SSL)
6. Deploy
- Click "Deploy"
- Watch the build logs — Nginx will serve the site on port
1447 - Your site is live! 🎉
- In Dokploy, go to Settings → enable "Auto Deploy"
- Every
git pushtomainwill automatically redeploy
نَوَيْتُ اَنْ اُصُوْمَ غَدًا مِّنْ شَهْرِ رَمْضَانَ الْمُبَارَكِ فَرْضًا لَكَ يَا اللهُ فَتَقَبَّلْ مِنِّيْ اِنَّكَ اَنْتَ السَّمِيْعُ الْعَلِيْم
اَللَّهُمَّ لَكَ صُمْتُ وَعَلَى رِزْقِكَ اَفْطَرْتُ (Abu Dawud: 2357)
ذَهَبَ الظَّمَأُ وَابْتَلَّتِ الْعُرُوقُ وَثَبَتَ الأَجْرُ إِنْ شَاءَ اللَّهُ (Abu Dawud: 2357)
Ramadan-Project/
├── index.html # Main HTML — structure & layout
├── style.css # All styles — glassmorphism, animations, responsive
├── script.js # Logic — countdown, calendar, language toggle, prayer times
└── README.md # This file
Pull requests are welcome! If you find any inaccurate prayer times or want to add support for other cities, feel free to open an issue.
MIT License — free to use, modify, and distribute.
Made with ❤️ for the Muslims of Bangladesh
রমজান মোবারক 🌙