DEV Community

Cover image for ๐ŸŽพ Building a Privacy-First, Vanilla JS Language Learning Game
meow.hair
meow.hair

Posted on

๐ŸŽพ Building a Privacy-First, Vanilla JS Language Learning Game

#cybersecurity #javascript #security #webdev

Title: ๐ŸŽพ Building a Privacy-First, Vanilla JS Language Learning Game

Hi Dev.to community! ๐Ÿ˜

As a passionate hobbyist developer, I believe educational web tools should be lightweight, respectful of user privacy, and simply fun. Today, I'm excited to share a small experiment: Ord-Tennis.

๐ŸŽฏ What is it?

A retro, terminal-style "Pong" game where you catch a falling ball to reveal vocabulary translations, complete with native pronunciation powered by the browser's native Web Speech API.

๐Ÿ› ๏ธ Under the Hood

  • โšก 100% Vanilla JS: No frameworks, no build steps. Pure HTML, CSS, and JS.
  • ๐Ÿ”’ Privacy by Design: Zero cookies, zero external trackers, 100% client-side execution.
  • โ™ฟ Smooth & Accessible: A fixed-timestep game loop ensures consistent physics across all devices, paired with optimized touch and keyboard controls.

๐ŸŒ Languages & Culture

The hub now features 17 unique language pairs, intentionally going beyond common translations to celebrate diverse cultures. Some favorites include:

  • ๐Ÿ‡ณ๐Ÿ‡ด Norwegian & ๐Ÿด๓ ง๓ ข๓ ณ๓ ฃ๓ ด๓ ฟ Scots
  • ๐Ÿ‡จ๐Ÿ‡ญ Romansh & ๐Ÿ‡ฎ๐Ÿ‡ธ Icelandic
  • ๐Ÿ‡ธ๐Ÿ‡ฐ Slovak & ๐Ÿ‡ซ๐Ÿ‡ฎ Finnish ๐Ÿ‡ซ๐Ÿ‡ฎ๐Ÿค๐Ÿ‡ฉ๐Ÿ‡ฐ๐Ÿค๐Ÿด๓ ง๓ ข๓ ณ๓ ฃ๓ ด๓ ฟ๐Ÿค๐Ÿ‡ณ๐Ÿ‡ฑ๐ŸงŠ๐Ÿ—ป #### ๐Ÿ’ฌ Let's Connect! I'd love to hear your thoughts. Have you experimented with native Web APIs for educational tools?

๐Ÿ”— Try it out here: https://www.helo.mom/game/index.html

Thank you ๐Ÿ˜


Tags: #javascript #webdev #privacy #gamedev #vanillajs #accessibility

Top comments (0)