Quran Web Application

This web app allows users to view verses, search for verses, and change languages in the Quran. It supports English and Turkish languages, includes a Dark/Light Mode toggle, and has voiceover support for both languages.

Features

• Search for Verses: Easily search for any term or word within the Quran.
• Language Toggle: Switch between English and Turkish effortlessly.
• Dark/Light Mode: Change the theme of the app for a better reading experience.
• Voice Support: Listen to the verses in English or Turkish.
• Fully Responsive: Designed for optimal viewing on both mobile and desktop devices.

Technologies Used

Frontend

• React.js - JavaScript library for building user interfaces.
• Redux Toolkit - A modern Redux library for managing app state.
• Tailwind CSS - Utility-first CSS framework for styling.
• TypeScript - JavaScript with static types for better maintainability.

Backend

• Açık Quran API - Açık Quran API, an open-source Quran API providing Quranic data.

Features Implemented

• Dark/Light Mode support for a comfortable reading experience.
• Voice-over support in both English and Turkish.
• Language toggle between English and Turkish.

Installation

Follow these steps to set up the project locally.

1. Clone the Repository

Clone the repository to your local machine:

git clone https://github.com/0memo07/quran-web-app.git

2. Install Dependencies

Navigate to the project folder and install the necessary dependencies:

cd quran-web-app

npm install

or

yarn install

3. Run the Application

Start the development server to run the app locally:

npm start

or

yarn start