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・Webビルダー・クラウド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…