Skip to content

Latest commit

 

History

History
73 lines (51 loc) · 2.04 KB

README.MD

File metadata and controls

73 lines (51 loc) · 2.04 KB
Quran Web Application

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