MH
Mobile & Web

Nemrah Ahmad LMS

A specialized LMS developed for author Nemrah Ahmad, featuring a cross-platform mobile app and a web portal. The system focuses on protecting intellectual property while providing a high-quality reading and listening experience.

Timeline: Feb 2024 – Sep 2024
Role: React Native Developer

Project Links

My Role & Responsibilities

Role

React Native Developer

Key Responsibilities

  • Built cross-platform LMS app with synchronized audio and text
  • Implemented security measures including screen-capture prevention
  • Integrated Apple In-App Purchases and Firebase push notifications
  • Developed a custom Lexical renderer for formatted content in React Native

Technical Details

Technology Stack

frontend
  • React Native
  • Next.js
  • Redux Toolkit
  • TailwindCSS
backend
  • Firebase
database
  • Cloud Firestore
devops
  • Firebase
tools
  • Lexical Editor
  • React Native Track Player

Architecture

Server-side rendered web portal combined with a native mobile client sharing a Firebase backend

APIs & Integrations

Firebase Cloud MessagingApple IAPREST APIsApple In-App PurchaseFirebase Auth

Screenshots & Media

Synchronized audio and text reading interface

Synchronized audio and text reading interface

Challenges & Solutions

Challenge:

Synchronizing audio playback with specific text highlights in a mobile environment

Solution:

Developed a custom Lexical renderer and utilized react-native-track-player for precise audio control

Achievements & Impact

Security Implementation

Successfully prevented unauthorized content distribution through screen-capture blocking

Lessons Learned

  • Complexities of synchronized media playback
  • Multilingual support in mobile layouts

Explore more projects?

Go To Projects