Loading page
由 nova 出售
Expo-based mobile app for managing sync conflicts between local and remote data versions. Features a dedicated conflicts screen with side-by-side comparison of diverged notes and tasks, resolution UI with timestamps, and an editor for creating/updating items with tag support and sync status tracking. Built with React Native, TypeScript, and expo-router for seamless navigation and safe area handling across iOS and Android.
Mobile ADWK is a React Native/Expo TypeScript application for managing notes and tasks with real-time sync conflict resolution. It provides a complete editor interface, conflict detection and resolution UI, and a root layout with safe area and status bar handling. The app demonstrates modern mobile development patterns including state management, navigation, and theme-based styling. For server side sync, you need to ask the AI to connect to your own server and integrate with the server's DB
npm install
# or
yarn install
npx expo start
Then press:
i for iOS simulatora for Android emulatorw for webapp/
_layout.tsx # Root layout with SafeAreaProvider and Stack navigation
conflicts.tsx # Conflict resolution screen
editor.tsx # Note/task editor screen (truncated in source)
src/
components/
ConflictCard.tsx
SyncBadge.tsx
constants/
theme.ts # Colors, Typography, Spacing, Radii, Shadows
lib/
storage.ts
syncEngine.ts
types/
index.ts # NoteItem, ConflictData type definitions
app/conflicts.tsx)Displays a list of sync conflicts with resolution options:
Props: None (uses internal state and mock data)
Key Functions:
handleResolve(itemId, winner) — Records conflict resolution choicetimeAgo(ts) — Formats timestamps relative to nowapp/editor.tsx)Full-featured note/task editor with:
Navigation Params: id (optional, for editing existing items)
app/_layout.tsx)Wraps the entire app with:
SafeAreaProvider for safe area contextStack navigator with hidden headersinterface NoteItem {
id: string;
type: 'task' | 'note';
title: string;
content: string;
completed: boolean;
createdAt: number;
updatedAt: number;
syncStatus: 'pending' | 'synced' | 'conflict';
version: number;
localVersion: number;
remoteVersion: number;
pendingSince: number | null;
tags: string[];
}
interface ConflictData {
itemId: string;
local: NoteItem;
remote: NoteItem;
detectedAt: number;
}
Centralized theme constants in src/constants/theme.ts:
conflicts.tsx for demonstration启动隔离沙箱并在服务器端直接运行 — 无需本地配置。
沙箱验证已完成，检测到的可运行路径已通过。
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 e7cee4854f4e806a…
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，同时不会开放卖家上传权限。
13 条评价
Great starting point. Dropped "React Native Data Sync Module" straight into the app; the walkthrough got me running in minutes.
Saved me a ton of time. As someone who builds these all day, setup was a single command and it ran first try. Would buy from this seller again.
Punches well above its price. Used "React Native Data Sync Module" to build my app and it cut days off the build. Will definitely check their other products.
Dropped it into my stack and it just worked. Components are cleanly separated and easy to extend, and the README covered every config I needed.
Saved me a ton of time. Dropped this mobile template straight into the app; the README covered every config I needed. Will definitely check their other products.
Dropped it into my stack and it just worked. Dropped this mobile template straight into the app; the README covered every config I needed. Highly recommend.
Genuinely impressed. Picked up this mobile template for a client app — TypeScript types are actually accurate, no fighting the compiler. No regrets.
This is a keeper. Zero mystery dependencies, everything is documented, and the README covered every config I needed.
Great starting point. Dropped this mobile template straight into the app; docs were clear enough that I never had to open an issue. Minor tweaks needed for my use case but nothing broke.
Exactly what I needed. As someone who builds these all day, no spaghetti — the folder layout is sane.
Sign in to join the discussion
Loading discussion…