https://github.com/heynzar/tahajud-prayer-app

⭐ Islamic Prayer App, designed to elevate your spiritual journey. and time management, using Next.js and Typescript.
https://github.com/heynzar/tahajud-prayer-app

islamic islamic-app islamic-prayer-times muslim muslim-app nextjs prayer prayer-muslim prayer-times react tailwindcss

Last synced: 3 months ago
JSON representation

⭐ Islamic Prayer App, designed to elevate your spiritual journey. and time management, using Next.js and Typescript.

• Host: GitHub
• URL: https://github.com/heynzar/tahajud-prayer-app
• Owner: heynzar
• License: mit
• Created: 2024-11-09T15:22:08.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-12-06T21:36:09.000Z (6 months ago)
• Last Synced: 2025-01-14T00:35:25.069Z (5 months ago)
• Topics: islamic, islamic-app, islamic-prayer-times, muslim, muslim-app, nextjs, prayer, prayer-muslim, prayer-times, react, tailwindcss
• Language: TypeScript
• Homepage: https://tahajud-nine.vercel.app
• Size: 1.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Tahajud - Prayer App for Muslims

A beautifully designed app built for Muslims to find exact prayer times, track Qiyam-ul-Layl (night prayers), and calculate durations between prayers.

🚀 **[Live Demo Here](https://tahajud-nine.vercel.app/)**

[![Project Preview](/public/tahajud.png)](https://tahajud-nine.vercel.app/)

---

## Table of Contents

  


    
Goal

    
Features

    
Built With

    
Installation

    
Contributing

    
License

    
Contact

  


---



## 🎯 Goal

Many great prayer apps exist, but few provide accurate and visually appealing calculations for the duration between prayers. This app bridges that gap with its user-friendly design and unique features.

---



## ✨ Features

- **Responsive Design**: Optimized for seamless use on desktops, tablets, and mobile devices.

- **Clean UI**: Modern, minimalistic, and intuitive design.

- **Multiple Themes**: Choose between different color schemes for a personalized experience.

- **Prayer Time Adjustment**: Fine-tune prayer timings for specific days.

- **Duration Calculation**: View precise time intervals between prayers for better planning.

---



## 🛠 Built With

- [![Next][Next.js]][Next-url]

- [![React][React.js]][React-url]

- [![TypeScript][TypeScript]][TypeScript-url]

- [![TailwindCSS][TailwindCSS]][TailwindCSS-url]

- [![Axios][Axios]][Axios-url]

(back to top)


---



## 📦 Installation

1. Clone the repo

   ```sh

   git clone https://github.com/heynzar/tahajud.git

   cd prayer-app

   ```

2. Install NPM packages

   ```sh

   npm install

   ```

3. Run the Project

   ```sh

   npm run dev

   ```

(back to top)


---



## 🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request.

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

(back to top)


---



## 📜 License

This project is licensed under the MIT License. Feel free to use and modify it for your own projects.

See `LICENSE.txt` for more information.

(back to top)


---



## 📬 Contact

Nzar - [@heynzar](https://x.com/heynzar) - [email protected]

Project Link: [https://github.com/heynzar/tahajud](https://github.com/heynzar/tahajud)

(back to top)


[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white

[Next-url]: https://nextjs.org/

[React.js]: https://img.shields.io/badge/React-000000?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://reactjs.org/

[TypeScript]: https://img.shields.io/badge/typescript-000000?style=for-the-badge&logo=typescript&logoColor=60a5fa

[TypeScript-url]: https://www.typescriptlang.org

[TailwindCSS]: https://img.shields.io/badge/TailwindCSS-000000?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8

[TailwindCSS-url]: https://tailwindcss.com

[Axios]: https://img.shields.io/badge/Axios-000000?style=for-the-badge&logo=axios&logoColor=a78bfa

[Axios-url]: https://axios-http.com/