React Native

QR Code Generator

QR Code Generator & Scanner App

Overview

QR Code Generator is a solo-built iOS utility for creating, scanning and managing QR codes. It supports seven distinct content types with correct QR encoding, a camera-based scanner, and a persistent history where every saved code can be re-opened and edited later. The app ships a polished dark design system and is fully localized in English and Turkish.

What It Does

Users pick a content type, fill in a type-specific form, and the app generates a valid QR code that is automatically saved to history. The built-in scanner reads QR codes through the camera and offers quick actions on the result. Saved codes can be searched, edited, downloaded as images, or deleted individually or all at once.

Tech Stack

React NativeExpoTypeScriptexpo-camerareact-native-qrcode-svgReanimatedAdMob

Key Features

Seven QR content types with proper encoding: URL, plain text, WiFi network, contact (vCard), email, phone and SMS

Per-type input forms with validation (URL, email and phone format checks; required-field checks for WiFi, contact and text)

Camera QR scanner with a framed scan overlay and a torch/flashlight toggle

Scan result actions: copy to clipboard, open detected links, and save to history

Searchable history with live QR previews, pull-to-refresh, per-item delete and clear-all

Editable saved codes: stored QR content is parsed back into structured form fields for re-editing

Export QR codes as PNG images saved to a dedicated device photo album

Full English and Turkish localization with device-locale auto-detection

Gallery

Technical Highlights

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

→QR rendering with react-native-qrcode-svg; hand-written encoders for WiFi, vCard, mailto, tel and SMS payloads

→expo-camera barcode scanning restricted to the QR symbology, with a custom permission-request flow

→Local persistence via AsyncStorage with a full CRUD layer for history, settings and onboarding state

→Dedicated parser service that reverses QR strings back into editable form fields per content type

→i18n-js and expo-localization for runtime language switching, persisted across launches

→AdMob banner ads (react-native-google-mobile-ads) with App Tracking Transparency consent via expo-tracking-transparency

→Reanimated-driven onboarding carousel, Gorhom bottom sheets and a cohesive dark theme with Inter typography

Key Achievements

Designed, built and shipped the entire app solo, from onboarding to App Store release

Implemented correct QR payload encoding for seven content types, including escaped WiFi and multi-field vCard strings

Built a round-trip edit flow that decodes saved QR content back into structured, editable forms

Delivered a consistent, OLED-friendly dark design system with animated onboarding and localized UI

Impact & Results

A self-published, end-to-end utility app live on the App Store. It turns common QR needs, from sharing WiFi and contacts to scanning links, into a fast, single-purpose native tool.