Prayer Times

Website URL

Visit the live demo: Prayer Times Website

Project Overview

Prayer Times website to show the prayer times of the day in addition to a countdown to the next prayer and a clock.

Technologies Used

• Frontend: React

• Styling: CSS, Bootstrap

• State Management: Redux

• Geolocation: Open Weather Map API

• Fetching Prayer times: adhan.js Library

• Fetching Hijri Date: hijri-js Library

How to Install the Chrome Extension

1. Download Extension from the GitHub page in Releases and extract the folder.

2. Open Google Chrome Extension menu.

3. Enable Developer Mode if not enabled.

4. Click Load unpacked on the top of the screen to load the extension and see the page on a new tab.

How to Install and Run the Project Locally

If you wish to run Prayer Times on your local machine, follow these steps:

1. Clone the repository:

git clone https://github.com/Omar-Walid-MD/Prayer-Times.git

2. Navigate into the project directory:

cd Prayer-Times

3. Install dependencies:

npm install

4. Start the development server:

npm start

5. Create .env with the following properties and provide a key for the Open Weather Map API:

REACT_APP_API_KEY=value