Quran-app-with-React-and-Redux

QuranWorld

QuranWorld is a web application designed to provide a seamless experience for reading, listening, and exploring the Holy Quran. It offers various features to enhance the user's interaction with the Quran, including translations, recitations, and verse exploration.

Features

• Read the Quran: Access the complete text of the Holy Quran, organized by chapters and verses. Navigate through the chapters and verses to explore the divine message.

• Listen to Recitations: Experience the beauty of the Quran with recitations by renowned reciters. Choose your preferred reciter and listen to their melodious recitation of the verses.

• Explore Translations: Gain deeper understanding by exploring different translations of the Quran. Compare the interpretations and insights provided by various translators.

• Feedback: Provide feedback and suggestions to help us improve the QuranWorld platform. We value your input and strive to create a better experience for our users.

Technologies Used

• React: JavaScript library for building user interfaces.
• Vite: Framework for React applications
• React Router: Routing library for managing application navigation.
• Tailwind CSS: Utility-first CSS framework for styling the application.
• React Hook Form: Library for building forms with easy form validation.
• FontAwesome: Icon library for adding visually appealing icons to the UI.
• Axios: For handling API requests.
• Redux: For global state managing across the application.

Installation

1. Clone the repository: git clone https://github.com/javeria2108/Quran-app-with-React-and-Redux

2. Install the dependencies: cd QuranWorld npm install

3. Start the development server: npm run dev

The application should now be running at http://localhost:5173.

Feedback and Support

We welcome your feedback and suggestions for improving QuranWorld. If you encounter any issues or have any questions, please feel free to reach out to us at [email protected]

Contributing

I'm planning to extend this app to include the following features after finishing my internship:

• Creating Backend API with ASP.NET

• Connecting with database and adding registration and login

• Option to add recitations to favourites

• Downloading recitations

• Creating Notes about an ayat of the Quran

  If you want to help me with these features, I encourage contributions to enhance QuranWorld and make it even better. If you would like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push the changes to your forked repository.
5. Submit a pull request.

We appreciate your contributions and thank you for helping us improve QuranWorld.