Coding for Peace: added Iran to my Globe Game during the current conflict

Nihaoo APP — Sun, 08 Mar 2026 04:20:02 +0000

As a solo developer, I usually spend my time optimizing service workers or refactoring JSON structures. But today, while watching the news about the escalating conflict, I realized that my project — nihaoo.app, a Chinese learning PWA — could be more than just a language tool. It could be a small bridge for global connection.

"Panda Planet" 🐼

Inside my app, there is a module called Panda Planet. It’s an interactive 3D experience built with Three.js. Players rotate a virtual Earth to find hidden pandas in different cities, learning their Chinese names and local greetings along the way.

The Tehran Update

To reflect our current global reality and send a message of harmony, I manually injected Tehran into the game's coordinate system today.

Using standard spherical coordinates, I mapped the city at 35.6°N, 51.3°E:

{
name: "Tehran",
lat: 35.6,
lon: 51.3,
chinese: "德黑兰",
pinyin: "dé hēi lán",
greeting: "سلام (Salam)!",
pandaTalk: "May there be peace here, and peace in the world."
}

Technical Implementation: Scrolling for Harmony

Beyond adding the city, I implemented a scrolling "Peace Marquee" at the bottom of the game screen.

By using a simple CSS animation, I ensured that every player, regardless of which city they are exploring, sees a constant reminder: "🌍 Wish for world peace. 🕊️"

/* The Marquee Logic */
@keyframes marquee {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}

Check out the Panda Planet Game to find the peace message.🕊️

Hi DEV community! 👋

Nihaoo APP — Sat, 07 Mar 2026 12:54:09 +0000

I'm an independent developer currently focusing on bridging language gaps. I've been building nihaoo.app, a Progressive Web App (PWA) designed to make learning Chinese more interactive and accessible worldwide. 🚀

In this project, I've been diving deep into:

PWA Optimization: Making web apps feel native and lightning-fast.

Global SEO: Navigating index strategies for Google, Bing, and Yandex.

UX Design: Crafting a "card-based" UI that balances learning and interaction.

I’m excited to share my progress and learn from this amazing community!

What are your top tips for optimizing PWA performance or learning Chinese language ideas? Let's chat in the comments! 👇

Forem: Nihaoo APP

Coding for Peace: added Iran to my Globe Game during the current conflict

Hi DEV community! 👋