Frontend Mar 2023

Prayer Times API App

A simple, dynamic web app displaying accurate prayer times across Algerian Wilayas.

Prayer Times API App Screenshot 1
Thumb 0

Project Overview

A lightweight web application designed to display daily prayer times for different Wilayas (provinces) in Algeria. Users can select their specific province from a dropdown menu to instantly view the updated schedule. This project served as a crucial foundational training for effectively communicating with and handling data from external RESTful APIs.

The Challenge

Learning how to properly implement asynchronous JavaScript, manage API endpoints, parse JSON responses, and dynamically update the User Interface without reloading the page.

The Solution

Utilized the Fetch API to retrieve real-time timing data from a public Aladhan API. Implemented event listeners on the province selection menu to trigger new API calls and seamlessly update the DOM elements with the fetched data.

Key Features

Real-time Prayer Schedule Display
Dynamic Wilaya (Province) Selection
External REST API Integration
Asynchronous Data Fetching
Clean and Minimalist UI