A high-performance, dynamic web application that provides real-time prayer timings for any city and country globally. This project showcases advanced API handling using JavaScript Promises.
-
🌐 Project Live Demo: Click Here to View Live App
-
💻 GitHub Repository: View Source Code
-
📱 Contact Developer (WhatsApp): Chat with Me Directly
-
🌍 Global Search: Users can fetch accurate timings by entering any City and Country (e.g., UAE/Dubai or Pakistan/Karachi).
-
📡 Aladhan API Integration: Leverages the Aladhan Prayer Times API to fetch authentic, location-based prayer data dynamically.
-
🔗 Promise-based Fetch: Implemented API calls using .then() for successful data retrieval and .catch() for robust error handling.
-
🛡️ Smart Filter & Validation: If fields are left empty, the app prevents a broken API call and prompts the user for input.
-
🎨 Glassmorphism UI: Features a sleek, modern interface with a purple-themed gradient and readable cards.
-
HTML5: Semantic structure for optimal accessibility.
-
CSS3: Custom gradients, Flexbox for layout, and responsive media queries.
-
JavaScript (ES6+): DOM Manipulation, .then()/.catch() Fetch pattern, and dynamic input handling.
Hafiz Muhammad Ahmed
Frontend Web Development Specialist
Dedicated to building clean, functional, and user-centric web solutions.