Project Title: React UI Developer – Prayer Time Module (Phase 1 + Future Upgrade)

Project Description:
I am building an Islamic AI web + mobile application multilingual languages (HalalyAI) using FastAPI (backend) and React (frontend).

I need a developer to build a Prayer Time UI module (frontend).

This is Phase 1. Future work will be given for Phase 2.

---

Phase 1 (Current Work – Required)

1. Prayer Time UI (React)

- Display 5 daily prayers (Fajr, Dhuhr, Asr, Maghrib, Isha)
- Clean card-style UI (modern design)
- Islamic theme (green style preferred)

2. Auto Location Detection

- Use browser GPS (navigator.geolocation)
- Fetch prayer times using latitude & longitude (API integration optional)

3. Features

- “Play Adhan” button
- “Stop Audio” button
- Toggle: Enable/Disable short alert (“Allahu Akbar”)
- Popup message at prayer time (e.g., “It is now Maghrib time”)

4. Mobile-Friendly UI

- Fully responsive design
- Touch-friendly buttons
- Must work on mobile browsers
- Prepared for Capacitor (future mobile app conversion)

---

Phase 2 (Future Work – Optional / Separate Payment)

- Manual location selection
- Country / City dropdown or search
- Save user preferred location
- Better UI improvements

---

Important Notes

- Backend is already available (FastAPI)
- This is NOT a full app
- Do NOT rebuild in Flutter or native
- Only React frontend work required

---

Deliverables

- React component (Prayer Time module)
- Clean UI card design
- Working buttons (Adhan, Stop, Toggle)
- Basic logic (popup + timer)
- Mobile responsive layout

---

Budget

₹5,000 – ₹10,000 INR (Phase 1)

---

Timeline

2–4 days

---
Please Share

- Previous React UI work
- Mobile responsive examples
- Timeline & cost

---

Note: If Phase 1 is successful, I will continue Phase 2 and other modules (Qibla, Quran, etc.)