Welcome to the Quran Application, a beautifully crafted web application built using Next.js and TypeScript. This application allows users to explore and read the Surahs of the Quran in a simple and intuitive interface, now with audio for each Ayah.
- Browse Surahs: Users can view a list of all Surahs and select any to read in detail.
- Read Surahs: Each Surah can be read in a beautifully formatted text that enhances the reading experience.
- Listen to Ayahs: Experience the Quran audibly by listening to the recitation of each Ayah.
- Next.js: A powerful React framework that enables functionality such as server-side rendering and generating static websites.
- TypeScript: A superset of JavaScript that adds static types to the language, enhancing code quality and readability.
- Shadcn UI: A modern UI library used to design the beautiful and responsive user interface of this application. Learn more about Shadcn UI at Shadcn UI.
This application utilizes the Al-Quran Cloud API to fetch the Surahs data and audio files for each Ayah. This API provides a robust and reliable source of Quranic text, information, and audio, making it an excellent choice for our application.
To run this application locally, you need to have Node.js installed on your machine. Follow these steps:
- Clone the repository:
git clone https://github.com/HoshangDEV/NextJS-Quran-App.git
- Navigate to the project directory:
cd quran-app - Install dependencies:
npm install
- Run the development server:
Open http://localhost:3000 with your browser to see the result.
npm run dev
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
HoshangDEV - HoshangDEV - [email protected]
Project Link: https://github.com/HoshangDEV/NextJS-Quran-App