Drip – Fashion Mirror & Outfit Sharing App (React Native) by Stephen AdedokunDrip – Fashion Mirror & Outfit Sharing App (React Native) by Stephen Adedokun

Drip – Fashion Mirror & Outfit Sharing App (React Native)

Stephen Adedokun

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

Fashion-social mobile app built with React Native and Expo. Onboarding animations, mirror editor, outfit management, and share flow. Full cross-platform V1.