We have the following scripture study reader on our existing website: https://www.quranalone.com/#/quran-reader

We need to replace this with a new reader that is capable of the following additional features:

* Facebook and Google signin
* Notes, bookmarks, and highlights (can be tagged to a verse, include basic CRD operations)
* Light/dark/sepia themes
* Increase/decrease text size
* Ability to resize/move verses/footnotes tiles
* Dictionary lookup of a word
* Index lookup per verse
* Simple and advanced search

The data is currently in a SQLite database (attached) and includes the following:
1) chapters and verses
2) footnotes tied to one or more verses
3) index of topics and subtopics, each with a set of verses

The following parts of the data are provided in HTML format: proclamation, introduction, and appendices
Proclamation: https://www.quranalone.com/#/proclaimation
Introduction: https://www.quranalone.com/#/introduction
Appendices: https://www.quranalone.com/#/the-quran (see bottom of page)

Here are some additional requirements:

* Google Firebase backend
* The proclamation, introduction, and appendices should be chunked (for search) and saved in the same SQLite database.
* Responsive and good UX in all platforms / screens
* Modular design. Specifically, the code should be abstracted from the source of the data (verses, footnotes, etc). Make it easy to replace the existing HTML/SQL data files with another data source or an API.
* Should be a component/library written in React with Material UI components. Should be incorporated into an existing CRA web application.

Deliverables / Milestones:
1) Design assets in Figma, including all views, flows, and design assets
2) Buildable executable app with scaffolding and all top-level views with data integration, movable tiles, responsive design. This is the full structure of the site without the data content or theme/color/styling applied.
3) Data integration: display of all static data in all views (verses, footnotes, index, proclamation, appendices, etc).
4) Firebase integration with social signin and CRD operations for all data types (notes, bookmarks, highlights).
5) Complete search feature and completion of all theming/color/styling
6) Final deliverable: complete, fully functional website with all reported defects resolved and all requirements met. Site should be pushed to customer’s Github repository.

Budget: $5,000

Posted On: February 19, 2024 02:26 UTC
Category: Full Stack Development
Skills:Material UI, CSS, Tailwind CSS, SCSS, SQLite, React, Web Application, Firebase

Country: United States

click to apply