This project appears to be building a web application designed to be a companion for reading the Quran. It offers a variety of features to help users manage their Quran reading schedule and track their progress.
Features:
Schedule Management (Schedule List):
Users can create, update, and remove scheduled readings.
They can mark readings as completed.
The sidebar allows for easy navigation between next and previous scheduled readings.
Quran Content (Surahs List):
Provides a list of all Surahs (chapters) of the Quran.
Users can search for specific Surahs by name or number.
Reading Functionality:
Offers buttons to initiate reading a single Ayah (verse) or the entire Surah.
Allows users to read Ayah by Ayah on a daily basis.
Provides a Surah Card view displaying:
Information about the Surah (English name, Arabic name, number of verses).
Text of the Surah.
Audio player with navigation buttons (next/previous).
Option to add the Surah to a custom list.
Saves the user's reading progress within a Surah and reloads to that point.
List Management:
Users can create and manage custom lists of Surahs.
Lists display information about each Surah (name, number of verses).
Users can remove Surahs from their lists.
Can potentially be used for creating themed reading lists or tracking memorization progress.
Search Functionality:
Allows searching within sorted results (number, alphabet, custom list).
Supports searching Surahs by English name or verse number.
Technologies Used:
TypeScript: A superset of JavaScript that adds static typing for improved code reliability.
React: A popular JavaScript library for building user interfaces.
Next.js: A React framework for server-side rendering and static site generation.
Tailwind CSS: A utility-first CSS framework for rapid UI development.
SASS: A preprocessor for CSS that adds features like variables and nesting for cleaner code.