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.
- Host: GitHub
- URL: https://github.com/adelpro/open-tarteel
- Owner: adelpro
- License: mit
- Created: 2025-07-14T19:55:18.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-08-11T21:25:53.000Z (2 months ago)
- Last Synced: 2025-08-11T23:29:06.700Z (2 months ago)
- Topics: jotai, nextjs, player, pwa, quran, tailwindcss, tarteel
- Language: TypeScript
- Homepage: https://tarteel.quran.us.kg
- Size: 3.16 MB
- Stars: 4
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Open Tarteel


[](https://twitter.com/adelpro)
[](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)