Loading page
embr 판매
Swipeable card deck interface for React Native with tab-based navigation, built with Expo Router and TypeScript. Features gesture-driven discovery cards, match management, and real-time messaging with customizable dark theme styling. Includes imperative handle patterns for programmatic card control and safe area compensation across iOS, Android, and web platforms. Licensed under Tetrees License.
Mobile 3D12 is a React Native dating app interface built with Expo Router and TypeScript. It provides a complete tab-based navigation system with card swiping discovery, matches management, messaging, and user profiles. The app features a dark theme design with smooth interactions and platform-specific optimizations for iOS, Android, and web.
npm install
# or
yarn install
# iOS
npx expo run:ios
# Android
npx expo run:android
# Web
npx expo run:web
app/(tabs)/
├── _layout.tsx # Tab navigation configuration
├── index.tsx # Discover screen with card deck
├── matches.tsx # Matches and conversations
├── messages.tsx # Searchable message list
└── profile.tsx # User profile (referenced)
components/
├── CardDeck.tsx # Swipeable card component
├── icons/ # Lucide icon wrappers
└── ...
data/
├── profiles.ts # Profile data and getProfile()
├── matches.ts # Match data (MATCHES array)
└── messages.ts # Message data and getConversation()
constants/
└── theme.ts # Colors, spacing, typography
CardDeck - Manages swipeable profile cards with:
onSwipe(profile, direction) - Callback for swipe gestures (left/right/up)onTap(profile) - Callback for card taponEmpty() - Callback when deck exhaustedswipeLeft(), swipeRight(), swipeUp()SwipeActions - Action button row with callbacks:
onRewind(), onReject(), onLike(), onSuperLike(), onBoost()Tab Navigation - Configured with:
#ff4458 (pink)#666 (gray)#0a0a0aThe app expects three data sources:
// profiles.ts
export const PROFILES: Profile[] = [...]
export function getProfile(id: string): Profile | undefined { ... }
// matches.ts
export const MATCHES: Match[] = [...]
// messages.ts
export function getConversation(profileId: string): Message[] { ... }
TAB_BAR_HEIGHT + insets.bottom padding to prevent content overlapTetrees License
격리된 샌드박스를 띄워 서버에서 바로 실행하세요 — 로컬 설정 불필요.
샌드박스 검증이 완료되었으며 감지된 실행 경로가 통과했습니다.
This React, React Native mobile app completed archive review. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately.
Deterministic AVCP artifact review
파이프라인 avcp-2026-08-04.1 · SHA-256 053f589f88f48595…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
검토일 2026년 8월 4일
전체 설치 가이드와 연동 프롬프트는 구매 후 열람할 수 있습니다.
이 제품을 AI IDE, 웹 빌더 또는 클라우드 IDE로 바로 가져오세요.
Tetrees를 호환 AI IDE에 연결해 보유 제품을 불러오고, 판매자 업로드 권한을 노출하지 않은 채 검증된 ZIP을 받으세요.
리뷰 12개
Saved me a ton of time. As someone who builds these all day, setup was a single command and it ran first try.
This is a keeper. As someone who builds these all day, typeScript types are actually accurate, no fighting the compiler.
Genuinely impressed. Picked up "Swipe Dating App Template" for a client app — Handles the edge cases I usually have to patch myself. Docking half a star only because I wanted a couple more examples.
Rock solid so far. Dropped this mobile template straight into the app; the README covered every config I needed. Will definitely check their other products.
Clean and well thought out. Used this mobile template to build my app and it cut days off the build. Will definitely check their other products.
This is a keeper. Zero mystery dependencies, everything is documented, and examples matched the actual API, which is rare. Support answered my question fast.
Great starting point. Picked up "Swipe Dating App Template" for a client app — No spaghetti — the folder layout is sane. No regrets.
Clean and well thought out. Picked up this mobile template for a client app — TypeScript types are actually accurate, no fighting the compiler. Support answered my question fast.
Better than I expected. As someone who builds these all day, the code is readable and the structure makes sense. Support answered my question fast.
Saved me a ton of time. Dropped this mobile template straight into the app; the README covered every config I needed. Minor tweaks needed for my use case but nothing broke.
토론을 불러오는 중…