Earth Online

Inspiration

We were inspired by a simple but frustrating feeling: after a long day, many people feel like they “did nothing,” even when they actually spent hours studying, working, cleaning, or just trying to get through the day. Real life often lacks the clear feedback that games provide. We wanted to bring that sense of visible progress into everyday life. Games make even small actions feel meaningful through XP, levels, quests, and achievements. That led us to the idea of Earth Online , a web app that turns real life into an RPG-like experience.

What it does

Earth Online gamifies daily life by transforming real-world tasks into RPG-style quests. Users create a character, choose a growth direction, and gain XP by completing activities in real life.

The platform helps users:

track daily tasks,
gain XP and level up,
improve stats,
unlock achievements,
see their personal growth more clearly.

To make the system more immersive, Earth Online also includes time-based mechanics such as wake and sleep reminders, weekend bonuses, and hidden quests that appear only under certain conditions. It turns ordinary effort into something visible, motivating, and fun.

How we built it

We started by using Lovable to quickly scaffold the overall app structure and UI layout, which let us get a working prototype up fast without getting bogged down in boilerplate. From there, we switched to Claude Code to flesh out all the actual game logic and detail features — things like the XP/leveling formula, HP/MP cost tables, streak tracking, time-based buffs and debuffs, hidden quest generation, and the AI narration fallback system. The final stack is React 18 + TypeScript built with Vite 5, styled with Tailwind CSS and Radix UI, with Framer Motion for animations. All game state lives in a single gameStore.ts and persists to the browser's localStorage, no backend and database required.

Challenges we ran into

Tuning the numbers. How much XP should a task give? How fast should leveling slow down? Getting the progression to feel rewarding ,not too easy, not too grindy . It took a lot of tweaking with limited time. Making the offline narration not feel boring. The fallback text needed to feel personal, not generic. We structured it around your level, time of day, and quest history. No server, no clock. Streaks, daily quest limits, hidden quest triggers, and wake/sleep notifications all had to work purely on the client using stored date strings.

Accomplishments that we're proud of

The time-aware game world that reacts to the real clock: morning buffs when you wake up, fatigue penalties late at night, weekend bonuses, and hidden quests that feel genuinely surprising.

What we learned

Web app design is harder than it looks. Translating the emotional reward loop of an RPG into real-life task completion required thinking about motivation, pacing, and failure states ,not just UI.

What's next for Earth Online

Cloud save so your character follows you across devices. Real AI narration that tells a personalized story based on your actual history. Real social features: see your friends' real-time progress. Quest templates & community sharing :letting users publish and share quest (study routines, fitness challenges, creative sprints) for others to adopt Longer-term progression: seasonal events, prestige systems, and life-goal tracking to keep the game meaningful over months, not just days.