Tailwind Resources Logo Tailwind Resources
Al Quran Reactjs screenshot

Al Quran Reactjs

Author Avatar Theme by Rafli ri
Updated: 29 Dec 2023
5 Stars

Al-Quran App API Using React js and tailwind CSS

Github Live Preview

Categories

React Vite Landing page

Overview

The Alquran App React + Vite is a project developed using React JS and Tailwind CSS API from equran.id. It is still in the development process and aims to provide a platform for users to access and read the Quran. The project includes features such as a home page, a list of Surahs, and a modal for Tafsir Surah.

Features

  • Home Page: The app includes a home page that serves as the main landing page for users.
  • List Surah Page: The app provides a page that displays a list of Surahs from the Quran.
  • Modal Tafsir Surah: The app includes a modal that allows users to view the Tafsir (interpretation) of a specific Surah.

Installation

To install the Alquran App React + Vite, follow these steps:

  1. Clone the repository from GitHub.
  2. Navigate to the project directory.
  3. Install the dependencies by running the following command:
npm install
  1. Start the development server by running the following command:
npm run dev
  1. Open your browser and visit http://localhost:3000 to access the app.

Summary

The Alquran App React + Vite is a project developed using React JS and Tailwind CSS API. It aims to provide users with a platform to access and read the Quran. The app includes features such as a home page, a list of Surahs, and a modal for Tafsir Surah. To install the app, clone the GitHub repository and follow the installation instructions.