https://github.com/codebatine/quranquote

Quran quotes and translation using API and React.
https://github.com/codebatine/quranquote

quran quran-api quran-translation react react-router react-router-dom search-api

Last synced: about 4 hours ago
JSON representation

Quran quotes and translation using API and React.

• Host: GitHub
• URL: https://github.com/codebatine/quranquote
• Owner: codebatine
• Created: 2024-07-26T10:32:45.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-02T21:14:41.000Z (17 days ago)
• Last Synced: 2024-11-02T22:18:50.096Z (17 days ago)
• Topics: quran, quran-api, quran-translation, react, react-router, react-router-dom, search-api
• Language: JavaScript
• Homepage:
• Size: 74.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# QuranQuote

A responsive web application designed for easy access to random Quranic Ayahs (verses) and exploration of Surahs. The project allows users to get Quranic inspiration with translations and navigate through different Surahs.

## Features

- **Random Ayah Quote**: Fetches a random Ayah along with its translation for quick inspiration.

- **Surah Navigation**: Users can browse and read different Surahs.

- **Async Data Fetching**: Quranic data (Ayahs, Surahs) are fetched asynchronously using public APIs.

## Installation

To run the app locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/codebatine/QuranQuote.git

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Start the development server:

   ```bash

   npm start

   ```