sheharyarIshfaq/Al-Quran

Al Quran is a website for reading surah's of Holy Quran. It is built by using Reactjs, react-router-dom and an API from Quran cloud. It fetches all surah's from the api and displays them. When someone clicks on a surah, he is redirected to a page where he can recite the surah

AL QURAN

A Quran Web App build with React js and API from Quran Cloud. User can read the surahs of Holy Quran by using this website

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Contact

About The Project

Al Quran is a Web Application built with React js, React Router and an API from Quran Cloud. It Fetches all the surahs of Holy Quran from the Api and displays them as a list with surah number, english name, english name translation and arabic name. When a particular surah is clicked, the user is redirected to a page using React Router where some information about that surah is displayed along with the ayats of that surah. The user can read the surah.

The UI/UX of this web app is smooth and simple. There is proper space and content is easily visible on all types of devices/screens. It is completely responsive and you can check it out by visiting the link below.

Live Preview Link: https://al-quran-a519d.web.app/

Built With

This projects was built using React js, react router, custom css.

• React
• React Router

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Installation

1. Clone the repo

   git clone https://github.com/sheharyarIshfaq/Al-Quran.git

2. Install NPM packages

   npm install

3. Run the project on local host

   npm start

Contact

Sheharyar Ishfaq - Facebook - Linkedin

Project Link: AL Quran Repository

Live Preview Link: Al Quran