An open API service indexing awesome lists of open source software.

https://github.com/codewithalamin/prayertimes

Prayer Times is a web application that shows the prayer times of your location. It is built with React, Tailwind CSS, and the Prayer Times API.
https://github.com/codewithalamin/prayertimes

codewithalamin islamic-app islamic-prayer-times namaz-time prayer-muslim prayer-times prayer-times-app

Last synced: 4 months ago
JSON representation

Prayer Times is a web application that shows the prayer times of your location. It is built with React, Tailwind CSS, and the Prayer Times API.

Awesome Lists containing this project

README

        

logo

Prayer Times



View Demo 🚀


Report Bug
•
Request Feature


Status

Twitter
LinkedIn


"Prayer Times" is a simple web application that provides prayer times based on the user's location. It utilizes the Geolocation API to determine the user's location and the Aladhan Prayer times API to fetch the corresponding prayer times.

![Screenshot](./public/thumbnail-preview.jpg)

## Table of contents

- [Key Features](#key-features)
- [Built with](#built-with)
- [Installation](#installation)
- [Author](#author)

## Key Features

- Uses the Geolocation API to determine the user's location.
- Uses the [Aladhan Prayer times API](https://aladhan.com/prayer-times-api) to fetch the corresponding prayer times.
- Displays the current prayer with remaining time.

## Built with

- React
- TailwindCSS
- HTML
- [Aladhan Prayer times API](https://aladhan.com/prayer-times-api)
- Vite

## Installation

- Clone this repo:

```sh
git clone https://github.com/CodeWithAlamin/PrayerTimes.git
```

- Install dependencies:

```sh
npm install
```

- Build command:

```sh
npm run build
```

- Live server:

```sh
npm run dev
```

### Author

👤 Alamin

- Twitter : [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)
- LinkedIn : [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)
- Frontend Mentor : [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)

Feel free to contact me with any questions or feedback!