203 lines
5.1 KiB
Markdown
203 lines
5.1 KiB
Markdown
# Sentinel App
|
|
|
|
[中文版](#中文版)
|
|
|
|
## Digital Legacy Management
|
|
|
|
Sentinel is a mobile application that helps users securely manage their digital legacy. Built with React Native (Expo) and TypeScript.
|
|
|
|
## Features
|
|
|
|
### 🗞️ Flow - Captain's Journal
|
|
- Record daily thoughts, emotions, and reflections
|
|
- AI-inferred emotional state tracking
|
|
- Archive entries to the encrypted Vault
|
|
- Support for text, voice, and image entries
|
|
|
|
### 📦 Vault - The Deep Vault
|
|
- End-to-end encrypted asset storage
|
|
- Support for game accounts, private keys, documents, photos, wills
|
|
- Biometric authentication required for access
|
|
- Zero-knowledge architecture
|
|
|
|
### ⚓ Sentinel - Lighthouse Watch
|
|
- Dead Man's Switch monitoring system
|
|
- Heartbeat confirmation mechanism
|
|
- Subscription and activity tracking
|
|
- Configurable grace periods
|
|
|
|
### 🧭 Heritage - Fleet Legacy
|
|
- Heir management with release levels
|
|
- Customizable release order and timing
|
|
- Payment strategy configuration
|
|
- Legal document-style interface
|
|
|
|
### ⛵ Me - Captain's Quarters
|
|
- Subscription and protocol status
|
|
- Sentinel configuration
|
|
- Security center
|
|
- Data export and backup
|
|
- Social responsibility program
|
|
|
|
## Tech Stack
|
|
|
|
- **Framework**: React Native (Expo SDK 52)
|
|
- **Language**: TypeScript
|
|
- **Navigation**: React Navigation (Bottom Tabs)
|
|
- **Icons**: @expo/vector-icons (Feather, Ionicons, MaterialCommunityIcons, FontAwesome5)
|
|
- **Styling**: Custom nautical theme with gradients
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
src/
|
|
├── components/
|
|
│ └── common/
|
|
│ ├── BiometricModal.tsx
|
|
│ ├── Icons.tsx
|
|
│ └── VaultDoorAnimation.tsx
|
|
├── navigation/
|
|
│ └── TabNavigator.tsx
|
|
├── screens/
|
|
│ ├── FlowScreen.tsx
|
|
│ ├── VaultScreen.tsx
|
|
│ ├── SentinelScreen.tsx
|
|
│ ├── HeritageScreen.tsx
|
|
│ └── MeScreen.tsx
|
|
├── theme/
|
|
│ └── colors.ts
|
|
└── types/
|
|
└── index.ts
|
|
|
|
assets/
|
|
├── icon.png # App icon (1024x1024)
|
|
├── adaptive-icon.png # Android adaptive icon
|
|
├── splash.png # Splash screen
|
|
├── favicon.png # Web favicon (32x32)
|
|
├── favicon.svg # SVG favicon for web
|
|
├── logo.svg # Vector logo (512x512)
|
|
└── images/
|
|
└── captain-avatar.svg # Avatar placeholder
|
|
```
|
|
|
|
## Icons & Branding
|
|
|
|
The Sentinel brand uses a nautical anchor-and-star logo on a teal (#459E9E) background.
|
|
|
|
### Logo Elements
|
|
- **Anchor**: Symbolizes stability and anchoring your digital legacy
|
|
- **Star/Compass**: Represents guidance and direction for heirs
|
|
- **Teal Color**: Evokes ocean depth and calm security
|
|
|
|
### Generating Icons
|
|
|
|
```bash
|
|
# View icon specifications
|
|
node scripts/generate-icons.js
|
|
```
|
|
|
|
Use the `assets/logo.svg` as the source and export to required sizes.
|
|
|
|
## Getting Started
|
|
|
|
```bash
|
|
# Install dependencies
|
|
npm install
|
|
|
|
# Start the development server
|
|
npx expo start
|
|
```
|
|
|
|
## Design Philosophy
|
|
|
|
- **Nautical Theme**: Captain's sanctum aesthetic with anchors, ship wheels, and ocean colors
|
|
- **Emotional Balance**: Warm and secure feeling across different tabs
|
|
- **Privacy First**: Zero-knowledge architecture, local encryption
|
|
- **Elegant UI**: Mint gradients, serif typography, subtle shadows
|
|
|
|
---
|
|
|
|
# 中文版
|
|
|
|
[English Version](#sentinel-app)
|
|
|
|
## 数字遗产管理
|
|
|
|
Sentinel 是一款帮助用户安全管理数字遗产的移动应用程序。使用 React Native (Expo) 和 TypeScript 构建。
|
|
|
|
## 功能特性
|
|
|
|
### 🗞️ Flow - 船长日志
|
|
- 记录日常想法、情感和反思
|
|
- AI 推断情感状态追踪
|
|
- 将条目归档到加密保险库
|
|
- 支持文本、语音和图像条目
|
|
|
|
### 📦 Vault - 深海宝库
|
|
- 端到端加密资产存储
|
|
- 支持游戏账号、私钥、文档、照片、遗嘱
|
|
- 需要生物识别认证才能访问
|
|
- 零知识架构
|
|
|
|
### ⚓ Sentinel - 灯塔守望
|
|
- 死人开关监控系统
|
|
- 心跳确认机制
|
|
- 订阅和活动追踪
|
|
- 可配置的冷静期
|
|
|
|
### 🧭 Heritage - 舰队遗产
|
|
- 继承人管理与释放等级
|
|
- 可自定义释放顺序和时间
|
|
- 付款策略配置
|
|
- 法律文书风格界面
|
|
|
|
### ⛵ Me - 船长室
|
|
- 订阅和协议状态
|
|
- 哨兵配置
|
|
- 安全中心
|
|
- 数据导出和备份
|
|
- 社会责任计划
|
|
|
|
## 技术栈
|
|
|
|
- **框架**: React Native (Expo SDK 52)
|
|
- **语言**: TypeScript
|
|
- **导航**: React Navigation (底部标签)
|
|
- **图标**: @expo/vector-icons
|
|
- **样式**: 自定义航海主题配渐变
|
|
|
|
## 运行项目
|
|
|
|
```bash
|
|
# 安装依赖
|
|
npm install
|
|
|
|
# 启动开发服务器
|
|
npx expo start
|
|
```
|
|
|
|
## 图标与品牌
|
|
|
|
Sentinel 品牌使用青色(#459E9E)背景上的航海锚与星星标志。
|
|
|
|
### 标志元素
|
|
- **锚**: 象征稳定性和锚定你的数字遗产
|
|
- **星星/指南针**: 代表对继承人的指引和方向
|
|
- **青色**: 唤起海洋深度和平静的安全感
|
|
|
|
### 生成图标
|
|
|
|
```bash
|
|
# 查看图标规格
|
|
node scripts/generate-icons.js
|
|
```
|
|
|
|
使用 `assets/logo.svg` 作为源文件并导出所需尺寸。
|
|
|
|
## 设计理念
|
|
|
|
- **航海主题**: 船长圣殿美学，配以锚、船舵和海洋色彩
|
|
- **情感平衡**: 不同标签页带来温暖而安全的感觉
|
|
- **隐私优先**: 零知识架构，本地加密
|
|
- **优雅界面**: 薄荷渐变、衬线字体、柔和阴影
|