Madinah Resources App

Madinah Resources App Used AI

7 devlogs
15h 13m
Created by aramb-dev

A native app based on the website https://madinah.arabic.aramb.dev/

Timeline

feat: implement global text size adjustment across entire application

  • Add fontSize from SettingsContext to all text components throughout the app
  • Update ThemedText component to use dynamic font sizing with multipliers
  • Replace hardcoded fontSize values in StyleSheets with dynamic scaling:
    • Titles: fontSize * 1.75-2
    • Subtitles: fontSize * 1.25
    • Regular text: fontSize
    • Small text: fontSize * 0.81-0.94
  • Apply text size adjustment to main screens:
    • Lessons list (app/(tabs)/index.tsx)
    • Vocabulary screen (app/(tabs)/vocabulary.tsx)
    • Individual lesson screens (app/lessons/[bookId].tsx, app/lessons/[bookId]/[lessonId].tsx)
    • Vocabulary detail screen (app/vocabulary/[id].tsx)
    • ComingSoon and EditScreenInfo components
  • Ensure consistent font scaling across all UI components and content areas
  • Fix accessibility issue where text size setting only affected settings menu

Closes: Text size adjustment now works universally throughout the entire application interface

feat(settings): overhaul settings screen with native-style UI

This commit completely redesigns the main settings screen to provide a more modern, intuitive, and platform-consistent user experience, moving away from a basic SectionList to a custom-styled ScrollView with grouped cards.

  • Replaces SectionList with a ScrollView and styled cards for a native look and feel.
  • Reorganizes settings items into more logical groups: Content & Learning and Support & Info.
  • Adds a new Rate This App screen to encourage user feedback and store ratings.
  • Refactors all settings sub-screens (Appearance, About, etc.) to use the unified useSettings context and adopt consistent, theme-aware styling.
  • Bumps app version to 0.0.8 to reflect the new features and UI enhancements.

had some errors, trying to figure out theming

Working on android version now, fixed icons using material UI icons

Update attachment

I have been working on adding the vocabulary page, and synchronizing it with the API which I was working on prior to this.

There are multiple changes here:

Added list of vocabs fetching from API
Added a filter
updated edge cases for filters, added clear filter button
used SF Symbols (for iPhone only) for the filter icon, and made it a nice modal

Made many changes to visual appearance of the app

check github for log: https://github.com/aramb-dev/madinah-app

Aldhaneka Aldhaneka about 2 months ago
whoa cool! i might need thisss :D