Mobile Developer

EdifyMobile

Cross-Platform Trading Card App with Image Capture & Cloud Storage

2
Platforms (iOS/Android)
1
Codebase
60fps
Performance

Overview

Built a cross-platform mobile application for designing and purchasing custom trading cards. Users can upload photos, customize card designs using a canvas-based editor, and purchase physical cards through integrated print-on-demand fulfillment.

Single codebase serving iOS and Android with native-quality performance and features including camera, haptics, and push notifications.

!The Challenge

Cross-platform app needed for custom trading card design with camera capture and print fulfillment.

The Solution

React Native/Expo app with Fabric.js canvas editor, ImageKit CDN, Stripe payments, and Printful integration.

Technical Implementation

Image Handling Pipeline

  • Camera capture with permission handling
  • Client-side image compression
  • Secure upload to cloud storage
  • CDN delivery with responsive sizing
  • Caching strategy for offline access

Canvas-Based Design Tool

  • Fabric.js integration for object manipulation
  • Pre-built card templates
  • Text overlay with custom fonts
  • Image positioning and scaling
  • Real-time preview rendering

Mobile-Specific Features

  • Haptic feedback for interactions
  • Safe area handling for notches
  • Gesture support (swipe, pinch, pan)
  • Offline mode with local persistence
  • Deep linking from notifications/URLs

Tech Stack

Framework
React NativeExpo SDK
Language
TypeScript
State
ZustandTanStack Query
Design
Fabric.js (Canvas)
Storage
ImageKit CDN
Payments
Stripe
Notifications
OneSignal

Skills Demonstrated

React NativeExpoTypeScriptCamera IntegrationImage UploadCloud StorageStripePush NotificationsCanvas/Fabric.js

Have a Similar Project?

Let's discuss how we can help you achieve similar results.

Get in Touch