Client AKI's E-Reader Web App

Phase 5 Capstone Project at Flatiron School for the non-profit client, Al-Karkari Institute

Developed a web-based e-reader application using React and TypeScript, integrating Convex for real-time data synchronization, pagination, and indexing with viewable footnotes.

Client

Al-Karkari Institute

Technologies

JS, TS, React, Remix, ConvexDB, Python, AnthropicAI, Figma, Tailwind

Github

Date

August 2024

Demo

Coming Soon

Client

Al-Karkari Institute

Technologies

JS, TS, React, Remix, ConvexDB, Python, AnthropicAI, Figma, Tailwind

Github

Date

August 2024

Demo

Coming Soon

Client

Al-Karkari Institute

Technologies

JS, TS, React, Remix, ConvexDB, Python, AnthropicAI, Figma, Tailwind

Github

Date

August 2024

Demo

Coming Soon

Developed a web-based e-reader application using React and TypeScript, integrating Convex for real-time data synchronization, pagination, and indexing. Using Python and Anthropic’s Claude AI, implemented an admin panel function that automatically parses a book from a byte64 image to JSON format that is outputted into the Convex database. Implemented user authentication and page navigation, as well as viewable footnotes, to enhance reader experience and track progress.

The primary objective was to create an intuitive and reliable e-reader application that showcases the literary work done by the non-profit client, Al-Karkari Institute. The project aimed to enhance the academic experience by providing users with a platform to read, discuss, and critique the work of the religious teacher, Sidi Shaykh Muhammad Fawzi Al-Karkari, in the field of Religious Studies. The development of the e-reader web app will have a significant impact on the academic experience for users, offering page syncronization, fast real-time page updates through web-sockets, and a pleasant reading experience. The ability to have a platform where users can read, discuss, and critique literary works in the field of religious studies will ease the facilitation of ideas and research.