Mobile App Development for Drip V1

Stephen

Stephen Adedokun

Project Overview

Duration: 6 Weeks Role: Mobile Engineer Technologies Used: React, React Native, Expo, React Native Reanimated, Lottie, Cloudinary, Socket, Stripe
Led the development of the Version one of the Mobile Application for Drip, which is a styling app where you, our AI, or anyone from professional stylists to your friends & family halfway across the world can style you / curate fits easily. It takes away the clutter, enriches your style, and could be your next side hustle as well.
Banner of Variations of Profile View & Core Selling Point of Drip
Banner of Variations of Profile View & Core Selling Point of Drip

Scope

Built with Expo React Native. The project demonstrates expertise across secure authentication, offline-aware data handling, deep-link–driven navigation, high-performance state management, and complex collaborative UI systems such as draggable, multi-layered outfit boards. All data is powered by from an advanced recommendation & management system

What the App Does

Drip is a mobile-first social styling platform centered around:
AI-powered outfit boards (“Mirrors”)
Style-persona–based onboarding
Daily recommendations and collaborative styling
Personal closet management
Social discovery, following, and premium features

Architecture

UI Layer

Expo React Native + styled-components
Modular components and screens grouped by feature

Navigation

React Navigation with stacks + bottom tabs
Deep linking support with nested route maps

State

zustand + MMKV for encrypted, low-latency persistence
Stores:
AuthStore – access/refresh tokens (expo-secure-store for refresh)
UserStore – profile, onboarding state
AppStore – permissions, push token
MirrorStore – single + multi-mirror editing states

Networking

Central axios instance with:
Access-token injection
Refresh flow management
Unified error normalization

Data Fetching

React Query with app-focus intelligence
useRequest handles fetch → store routing → error logic

Notifications

Push: expo-notifications
In-app: react-native-notifier

Theming

Central theme for colors, typography, spacing, and shared styles

Core Features

Onboarding

Animated intro, Apple Sign-In, and a multi-step style quiz
Completion determines first-run routing

Authentication

Apple identity token → backend token exchange
Secure token persistence + refresh on app open
Auto-routing based on user state

Mirrors (Outfit Boards)

Create, rename, delete
Invite collaborators, accept/decline
Drag/scale/rotate items, manage z-index
Save/unsave, update content, reset layouts

Closet & Items

Upload (single/multi), edit, delete
Add to discovery
Typed item modeling

Search

Dresses, categories, and user search

Social

Follow/unfollow
Edit profile
Closet privacy
Invite code generation

Billing

Premium screen + coupon-code flow

Technical Strengths

Token Security

Refresh token in expo-secure-store
Automatic access-token refresh
Forced logout if refresh fails

Error Handling

Central handle server error utility function for clean & clear error mesasges
Covers session expiry, network issues, and unexpected states
Notification-triggered feedback

Performance

MMKV-based fast hydration
Cancellable queries
App-state–aware networking
Smooth UX via skeletons, walkthroughs, and optimized onboarding assets

Project Strength Highlights

Solid mobile architecture with modern RN conventions
Dependable auth/session design
Fast and persistent local state with MMKV
Full deep-linking support
Rich social/outfit tooling with strong UX polish
Clear module separation: API, stores, screens, navigation, providers, hooks
Like this project

Posted Oct 29, 2025

Built V1 of Drip Mobile App and implementing features like share mirror, smooth onboarding animations, edit profile, mirror editor (rotate, edit) for outfits