Quick Start
Requirements
- Node.js >= 18.0
- npm / yarn / pnpm
- Git
Installation
# Clone the repository
git clone https://github.com/chaosys123/opentree.git
cd opentree
# Install dependencies
npm install
# Start development environment
npm run dev
First Run
After launching, you will see two core interfaces:
1. World Tree Panel
A tree structure on the left, organizing all data by type:
World Tree
├── Keychain (12)
├── Favorites (348)
├── Notes (56)
├── Music (120)
├── Album (8)
└── Countdown (5)
2. Metaverse Desktop
A 3D-style desktop environment featuring:
- PC Workstations - Open multiple web pages/apps simultaneously
- Module Panels - Quick access to keychain, favorites, music, etc.
- Floating Buttons - Shortcut entries in the bottom right
Keyboard Shortcuts
| Shortcut | Function |
|---|---|
K | Keychain |
F | Favorites |
M | Music |
D | Countdown |
P | Album |
T | Quest Hall |
L | Skill Tree |
I | Check-in |
N |
Next Steps
- Installation Guide - Detailed setup instructions
- Project Structure - Understand code organization
- Architecture - Deep dive into system design