Dordle Game Online – Word Puzzle Challenge for Double Fun

Dordle – Double Word Puzzle Game (HTML5 + JavaScript)

Dordle is a fast, addictive word puzzle where players guess two hidden words at the same time. Built with clean HTML5, CSS3, and vanilla JavaScript, it runs smoothly in all modern browsers, loads quickly, and is easy to customize. Perfect for content sites, game portals, and publishers looking to boost engagement, session time, and ad revenue.

Live Demo

• Demo URL: your-demo-link-here
• Admin/Config: not required – configure via a single JSON/JS file

Key Features

• Double Challenge: Solve two words simultaneously for extra difficulty and fun.
• Daily & Unlimited Modes: One daily puzzle + endless practice/play mode.
• Smart Keyboard: On-screen keyboard with color feedback (correct, present, absent).
• Responsive Design: Mobile-first layout; works great on phones, tablets, desktops.
• Lightweight: No frameworks required; pure HTML/CSS/JS for fast loads.
• Custom Word Lists: Swap or localize dictionary files easily (EN provided).
• Share Results: Copy/share emoji grid results to social apps (viral-friendly).
• Stats & Streaks: Track wins, streaks, guess distribution (local storage).
• Accessibility: Keyboard navigation, ARIA labels, and high-contrast option.
• Monetization Ready: Easy ad slots (banner/interstitial placeholders included).
• SEO-Friendly: Clean semantic markup, meta tags, Open Graph/Twitter tags ready.
• PWA Optional: Add service worker + manifest for installable app experience.
• Analytics Ready: Drop-in Google Analytics/GTAG support.

What’s Included

• /index.html – main game page
• /assets/css/style.css – styles (well-commented)
• /assets/js/game.js – core game logic
• /assets/js/keyboard.js – virtual keyboard + input handling
• /assets/js/config.js – easy configuration (colors, attempts, modes)
• /assets/data/words-en.txt – default word lists (solution + allowed)
• /assets/img/ – icons, logos, share image
• /pwa/manifest.json & /pwa/service-worker.js (optional)
• /docs/quick-start.html – mini documentation

Customization

• Change brand colors, logo, and typography in style.css.
• Tune difficulty: attempts, word length, keyboard layout in config.js.
• Switch/add languages by replacing word lists; full UTF-8 support.
• Enable/disable daily mode, streaks, and result sharing via config flags.
• Add ad codes (AdSense, Mediavine, etc.) in index.html placeholders.

Monetization

• Banner ads in header/footer or between rounds.
• Optional interstitial after a completed game (configurable frequency).
• Sponsor logo placement on the start screen.

Performance

• Under 100KB gzipped core (without word lists).
• No heavy libraries; minimal DOM redraws for smooth animations.
• Lazy-loaded assets where applicable.

Browser & Device Support

• Chrome, Firefox, Safari, Edge (latest).
• Android 8+, iOS 12+, iPadOS, Windows, macOS.

Requirements

• Any static host (cPanel, Nginx/Apache, Netlify, Vercel, etc.).
• No database or server code required.
• Optional: HTTPS for PWA install prompt.

Installation

1. Upload the folder to your hosting.
2. Edit assets/js/config.js (brand, attempts, modes, ads).
3. (Optional) Replace word lists in /assets/data/.
4. (Optional) Enable PWA by serving over HTTPS and keeping /pwa files.
5. Open index.html in your browser — done!

How to Play

1. Guess two five-letter words at once.
2. Each guess updates letter colors for both boards:
   • Green: correct letter, correct position
   • Yellow: letter exists, wrong position
   • Gray: letter not in the word
3. Use up to the allowed attempts (default: 7) to solve both words.

SEO & Sharing

• Editable meta title/description in index.html.
• Open Graph and Twitter Card meta for attractive shares.
• Copy-to-clipboard result grid for social media posts.

Analytics

• Add your GA4/gtag snippet into index.html.
• Track sessions, completions, and share clicks (example events documented).

Changelog

v1.0.0 – Initial release
- Core game engine (double-board logic)
- Daily + Unlimited modes
- Stats, streaks, share grid
- Responsive UI, accessibility improvements
- Config-driven customization

Support

• Professional support via CodeCanyon messages.
• Response includes bug fixes, minor updates, and setup guidance.
• Customization services available on request.

Notes

• All words provided for demo/education; replace or localize as needed.
• Images/logos in preview are placeholders and not included.

Credits

• System fonts & minimal SVG icons.
• No third-party frameworks required.