Skip to content

Repository files navigation

WikiDrama

Two Wikipedia articles. Only one can be the most controversial, or the most read.

WikiDrama is a mobile-first React app that turns Wikipedia edit wars and pageview data into quick duel games. It includes the classic Drama Score mode, a thematic duel mode, and WikiWars, a special mode based on Wikimedia pageviews.

WikiDrama Home Screen WikiDrama Profile & Quests

Live demo

Game Modes

Random Duel

Two Wikipedia articles are drawn at random from a curated pool of over 850+ controversial topics. Guess which one generated the most controversy.

Thematic Duel

Pick a category and compare two articles from the same universe. Current categories include Politics, Sport, Pop Culture, Science, History, Religion, Tech, Countries, Video Games, Philosophy, French YouTubers, US YouTubers, and Miscellaneous.

WikiWars

Forget the drama: guess which article got the most Wikipedia views over the last 12 months using the Wikimedia Pageviews API.

Drama Score

Drama Score is computed from six public Wikipedia and XTools metrics:

Metric Source Weight
Total edit count XTools High
Reversion rate Wikipedia API High
Unique editors XTools Medium
Anonymous edit rate XTools Medium
Watcher count XTools Medium
Minor edit rate XTools Low
score = f(edits, rev, editors, anon, watch, minor)

Tiers: Legendary > Enormous Drama > Total Chaos > Agitated > Disputed > Calm > No drama.

WikiWars Tiers

Tier Views / 12 months
Viral > 5M
Worldwide 1M-5M
Trending 500k-1M
Popular 100k-500k
Known 20k-100k
Obscure < 20k

Progression & XP System

WikiDrama includes a player profile and leveling system inspired by classic RPGs (like Dofus), featuring an accelerated XP curve:

  • Base XP: Level 1 to 2 requires 50 XP.
  • Accelerated Growth: The XP requirement grows progressively: +3% (Lvl 1-69), +6% (Lvl 70-79), +8% (Lvl 80-89), and +15% (Lvl 90-98).
  • The "Boss" Level: The final stretch (Level 99 to 100) requires the sum of all XP from Level 1 to 98 combined (approx. 36,660 XP), making it a true achievement.

Players earn XP through daily quests and winning duels, unlocking progressively prestigious titles along the way. Progression is stored as a local browser profile using localStorage; it is not synced across devices.

Images & Fallbacks

Article visuals are fetched from Wikipedia summaries first, then improved with Wikimedia Commons fallback logic when needed. The image resolver filters out poor matches such as logos, flags, diagrams, and low-signal file names, and can retry with simplified search queries for better article art.

Data Sources

  • Wikipedia REST API for article summaries and thumbnails
  • Wikipedia Action API for revision and protection checks
  • XTools API for aggregate article stats such as revisions, editors, anonymous edits, minor edits, and watchers
  • Wikimedia Pageviews API for WikiWars 12-month views and the live ticker

The app is frontend-only and uses public APIs with no account or backend required. Most data comes from Wikipedia EN, while FR-themed categories can use Wikipedia FR.

Stack

  • React 18 + TypeScript
  • Vite
  • Tailwind CSS
  • lottie-react
  • i18next / react-i18next
  • React Router
  • Cloudflare Pages

Run Locally

git clone https://github.com/okash99/wikidrama
cd wikidrama
npm install
npm run dev

Build:

npm run build

Roadmap

  • FR/EN/ES/DE interface localization
  • Dark/light theme system
  • Mobile viewport and accessibility fixes
  • Live home ticker
  • Settings notice for Wikipedia source behavior
  • Animated interactive logo
  • Sudden Death mode
  • Streak counter / Local stats
  • Quest and xp system
  • Profile avatars (50+ unlockable styles)
  • Local profile with saved stats, XP, quests, and avatar customization
  • Synced user accounts and ladder
  • Shareable Duel Links
  • Enrich the live feed with more metrics
  • ADD MORE ARTICLES AND THEMES ! + Refine formula - Add talkPAGE Sentiment score to the DramaScore formula

WikiDrama V3 is powered by public Wikipedia, Wikimedia, and XTools APIs.

About

WikiDrama is a mobile-first React app that turns Wikipedia edit wars and pageview data into quick duel games. It includes the classic Drama Score mode, a themed duel mode, and WikiWars, a special mode based on Wikimedia pageviews.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages