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

https://github.com/salimi-my/waktu-solat

This is a simple web application created using Vue.js that aims to display prayer times throughout the Malaysian zone.
https://github.com/salimi-my/waktu-solat

dayjs tailwind-css tailwindcss tailwindui vite vue vue3 vuejs

Last synced: 4 months ago
JSON representation

This is a simple web application created using Vue.js that aims to display prayer times throughout the Malaysian zone.

Awesome Lists containing this project

README

          

# [Waktu Solat](https://solat.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-salimi/)

This is a simple web application created using Vue.js that aims to display prayer times throughout the Malaysian zone. There will be a countdown to show the immediate next prayer time and will automatically play adhan for each prayer's time.

The prayer's time data taken directly from [JAKIM's e-Solat Portal](https://www.e-solat.gov.my/)

## Malaysia solat schedule app

- Available for all Malaysia's zone
- Countdown to immediate next prayer time
- Automatically play adhan

## Tech/framework used

- Vue.js
- Vite
- Tailwind CSS
- Tailwind UI
- Day.js

## Starting the project

Clone the repository and install all the dependencies to start the app by following command below:

```bash
git clone https://github.com/salimi-my/waktu-solat.git
cd waktu-solat
npm install
npm run dev
```

To build the app, run the following command:

```bash
npm run build
```

## Demo

Hosted privately on personal DigitalOcean Droplet. [Click here](https://solat.salimi.my) to visit.


Direct link: `https://solat.salimi.my`

## Screenshots

#### Countdown

![Countdown](/screenshots/screenshot-1.png)

#### Adhan

![Adhan](/screenshots/screenshot-2.png)