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

https://github.com/adelpro/open-tarteel

Open Tarteel is an open-source Quran application designed to provide an optimal Quran audio streaming experience across various platforms. Recent updates include significant UI/UX improvements for a more intuitive and engaging user interface, enhanced audio player controls, and smoother navigation.
https://github.com/adelpro/open-tarteel

jotai nextjs player pwa quran tailwindcss tarteel

Last synced: about 1 month ago
JSON representation

Open Tarteel is an open-source Quran application designed to provide an optimal Quran audio streaming experience across various platforms. Recent updates include significant UI/UX improvements for a more intuitive and engaging user interface, enhanced audio player controls, and smoother navigation.

Awesome Lists containing this project

README

          

# Open Tarteel

![GitHub Stars](https://img.shields.io/github/stars/adelpro/open-tarteel?style=social)
![Forks](https://img.shields.io/github/forks/adelpro/open-tarteel?style=social)
[![Twitter Follow](https://img.shields.io/twitter/follow/adelpro?style=social)](https://twitter.com/adelpro)

![Next.JS](https://img.shields.io/badge/Next.js-3178C6?logo=next.js&logoColor=fff&style=flat)
![PWA](https://img.shields.io/badge/PWA-1B1F23?logo=pwa&logoColor=fff&style=flat)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/270e870a48f342ef9ba384229681db23)](https://app.codacy.com/gh/adelpro/open-tarteel/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)

Open Tarteel is an open-source Quran application designed to provide an optimal Quran audio streaming experience across various platforms. Recent updates include significant UI/UX improvements for a more intuitive and engaging user interface, enhanced audio player controls, and smoother navigation. Built with modern web technologies, it ensures performance and responsive design.

## Features

- **Responsive Design**: Ensures a seamless experience across devices of all sizes.
- **Tailwind CSS Styling**: Utilizes Tailwind CSS for efficient and customizable styling.
- **Improved UI/UX**: Redesigned interface with better accessibility, smoother animations, and enhanced user interactions.
- **Advanced Audio Player**: New player controls with playlist management, repeat, shuffle, and visual audio feedback.

## Technologies Used

- **Next.js**: For server-side rendering and optimized performance.
- **TypeScript**: Ensuring type safety and a better developer experience.
- **Tailwind CSS**: For utility-first CSS styling.
- **Jotai**: For state management and global state.
- **PWA**: Provides offline capabilities and an app-like experience.

## Installation

1. **Clone the Repository**:

```bash
git clone https://github.com/adelpro/open-tarteel.git
cd open-tarteel
```

2. **Install Dependencies**:

```bash
npm install
```

3. **Run the App**:

```bash
npm run dev
```

## Contributing

We welcome contributions from the community. Please follow the [Contributing Guidelines](https://github.com/adelpro/open-tarteel/blob/main/CONTRIBUTING.md).

## License

This project is licensed under the [MIT License](https://choosealicense.com/licenses/mit/)

## Acknowledgments

- [Next.js](https://nextjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Jotai](https://jotai.org/)

## Contact

For any inquiries or suggestions, please contact [contact@quran.us.kg](mailto:contact@quran.us.kg)