React Native

Quizcards — Study & Learn

Flashcard & Quiz Study App

Overview

Quizcards is a solo-built iOS study app for creating flashcard lists and drilling them with an animated flip-and-grade study engine. Learners organize cards into lists, review them one by one, and self-grade each answer as correct or wrong, with the app automatically looping back over the wrong ones until they are mastered. It is fully localized in eight languages and offers light, dark and system themes.

What It Does

Users create study lists and add cards individually, optionally with an image, or in bulk by pasting alternating question and answer lines. In a study session they tap to flip each card, mark it correct or wrong, and follow a progress bar to the end. When a list is finished with mistakes, the app offers a focused review of just the wrong cards and repeats until all are answered correctly.

Tech Stack

React NativeExpoTypeScriptExpo Routeri18nAdMob

Key Features

Create, rename and delete study lists, each showing its card count and outstanding wrong-answer count

Animated 3D card-flip between question and answer, with per-card image support

Self-graded study flow (correct / wrong) with a live progress bar and current-position counter

Wrong-answer review loop that replays only missed cards until the whole set is mastered

Bulk import by pasting alternating question/answer lines, plus single-card entry with photo picker

Study progress is saved and restored, so an interrupted session resumes where it left off

Eight-language localization (English, Turkish, German, Spanish, French, Japanese, Portuguese, Arabic) with device-locale detection

Light, dark and system-follow themes across a centralized design-token system

Gallery

Technical Highlights

→React Native and Expo (Expo Router) on the New Architecture, written in TypeScript

→Reanimated-powered card flip (rotateY with perspective and backface culling) and animated onboarding and bottom sheets

→Local-first data layer on AsyncStorage with a full CRUD service for lists, cards, images, progress and settings

→Images copied into an app-managed directory via the modern expo-file-system API and cleaned up on delete

→In-house i18n layer with React context and expo-localization driving eight fully translated language packs

→Theme context with light/dark/system modes and elevation-aware shadow tokens

→AdMob banner ads (react-native-google-mobile-ads) with non-personalized requests and test-vs-production unit switching

Key Achievements

Designed, built and shipped the full app solo, from onboarding through App Store release

Implemented a mastery-oriented study loop that isolates and repeats wrong answers rather than just cycling cards

Delivered eight-language localization and three theme modes on a single, consistent design system

Built a resilient offline data model with image handling that survives interruptions and restarts

Impact & Results

A self-published study app live on the App Store, giving learners a fast, offline way to create decks and drill themselves until the material sticks.