Skip to main content

​
Overview

The Tech Tree is an interactive feature that allows you to track and manage your technology progression in Last Oasis. It provides a visual representation of all available technologies across five different categories, helping you plan your character’s advancement and share progress with your clan.

​
Features

​
Technology Categories

The tech tree is organized into five main categories:

Vitamins

Health and stamina improvements for your character

Equipment

Armor, clothing, and protective gear technologies

Crafting

Tools, weapons, and consumable item recipes

Construction

Building structures and defensive installations

Walkers

Walker vehicles and modifications

​
Progress Tracking

The tech tree allows authenticated users to:
  • Mark technologies as learned by clicking on individual nodes
  • Save progress to the cloud for access across devices
  • Sync with your Discord account to share progress with clan members
  • Reset entire trees to start fresh or respec your character
You must be connected with Discord to save and sync your tech tree progress. Local progress is stored in your browser’s local storage.

​
How to Use

​
Accessing the Tech Tree

Navigate to the Tech Tree page at /tech or select a specific category: 
/tech/Vitamins
/tech/Equipment
/tech/Crafting
/tech/Construction
/tech/Walkers

​
Selecting Technologies

  1. Click on any technology node to mark it as learned
  2. Technologies with dependencies will show connection lines to prerequisite techs
  3. The visual tree updates in real-time as you make selections

​
Saving Progress

1

Connect Discord Account

Log in and link your Discord account in your profile settings
2

Select Technologies

Navigate through the tech tree and click on learned technologies
3

Save to Cloud

Click the Save Tree Data button to persist your selections
Deleting tree data is permanent and cannot be undone. Make sure to export or save any important information before resetting.

​
Implementation Details

​
Data Source

Technology data is fetched from the GitHub repository via the getTechItems() function: 
const fetchedItems = await getTechItems();
const filteredItems = fetchedItems.filter((it) => it.parent != null);
See src/pages/TechTree.tsx:60-67

​
Storage Mechanism

Progress is stored in two locations:
  1. Local Storage: Browser-based storage for offline access
  2. Cloud Storage: Server-side storage linked to your Discord ID
const all: Record<string, { nodeState: string }> = {};
for (const tech of data) {
  all[tech] = { nodeState: "selected" };
}
storeItem(`skills-${treeName}`, JSON.stringify(all));
See src/pages/TechTree.tsx:41-48

​
API Integration

The tech tree integrates with the Stiletto API for:
  • getLearned() - Retrieves saved progress from the server
  • addTech() - Saves progress for a specific tree category
  • getUser() - Fetches user data including clan ID and Discord ID
See src/pages/TechTree.tsx:81-88 and src/pages/TechTree.tsx:134

​
Component Structure

The tech tree uses a lazy-loaded component for performance: 
const SkillTreeTab = React.lazy(
  () => import("@components/TechTree/SkillTreeTab"),
);
Each tab receives:
  • treeId: The current category (Vitamins, Equipment, etc.)
  • title: Translated category name
  • items: Filtered technology items for that category
  • clan: User’s clan ID for clan-wide features
See src/pages/TechTree.tsx:389-394

​
Tips

Use the tech tree planner before committing tablets in-game. This helps optimize your progression path and avoid wasting resources.
Coordinate with clan members by sharing your tech tree progress. This helps identify skill gaps and plan group activities.

Build docs developers (and LLMs) love

Get started for freeTalk to us