
Sumwords

โKnow the Facts, Do the Mathโ
A constraint-based math puzzle game that combines trivia knowledge with equation solving. Answer trivia questions by placing numbers from a limited pool into mathematical equations while satisfying column sum constraints.
Landing Page: ๐ Home of Sumwords
๐ฎ Play Now
Sumwords: ๐ฒ Play Game
Sumwords in action
โจ Features
Core Gameplay
- Three Difficulty Levels
- Easy: Addition/subtraction with 10 numbers
- Medium: Addition/subtraction with hidden operators, 12 numbers and 2 decoys
- Hard: All four operators (+, โ, ร, รท) with 16 numbers and 6 decoys
- Random Difficulty Mode: Game randomly selects difficulty for variety
- 500 Trivia Questions across 10 diverse categories
- Constraint-Based Puzzles: Numbers must satisfy both equations AND column totals
Categories
- Sports
- History
- Geography
- Pop Culture
- Science
- Movies & TV
- Food & Drink
- Technology
- Games & Literature
- Animals & Nature
Plus an โEverythingโ category that combines all questions for maximum variety.
Game Features
- Interactive Tutorial: First-time users see a helpful tutorial explaining gameplay with a โDonโt show againโ option
- Dark Mode: Toggle between light and dark themes with persistent preference
- Hint System: Three types of hints available
- Reveal the answer to the trivia question
- Reveal which numbers to place in the equation
- Reveal the operator (Medium/Hard only)
- Smart Resume: Automatically saves progress and offers to resume unfinished puzzles
- Statistics Tracking: Track completed puzzles, attempts, hints used, perfect games, and win streaks
- Mobile-Optimized: Fully responsive design works great on phones and tablets
- Persistent Storage: Game state, preferences, stats, and theme saved locally
Visual Polish
- Professional logo and branding
- Dark mode with smooth theme transitions
- Confetti animation on puzzle completion
- Color-coded validation feedback
- Emoji markers show which hints have been used
- Clean, modern interface
๐ฏ How to Play
Goal
Place numbers from the number pool into the equation blanks to make valid equations. The sum of each column must match the target shown at the bottom.
Rules
- Answer the trivia question to learn which number is the solution
- Place numbers from the pool into equation blanks by clicking the pool number, then clicking a blank
- Select operators (Medium/Hard) from dropdowns between operands
- Satisfy constraints:
- Each equation must be mathematically correct
- Column totals must match the targets at the bottom
- Submit when all blanks are filled to check your solution
Tips
- Start by placing the answer to the trivia question
- Work backwards from column totals to narrow down number choices
- Use hints strategically if you get stuck
- Each number can only be used once
๐ ๏ธ Technology Stack
- HTML5 - Semantic structure
- CSS3 - Responsive design with CSS custom properties for theming
- Vanilla JavaScript - No frameworks or dependencies
- localStorage API - Persistent data storage for game state and preferences
๐ฆ Installation (Local Development)
- Clone the repository
git clone https://github.com/TheBIMsider/sumwords.git
cd sumwords
- Open in browser
# Simply open index.html in your web browser
# No build process or dependencies required
- Optional: Use a local server
# Python 3
python -m http.server 8000
# Python 2
python -m SimpleHTTPServer 8000
# Node.js (if you have http-server installed)
npx http-server
Then navigate to http://localhost:8000
๐ Project Structure
sumwords/
โโโ V01/
โ โโโ index.html # Game HTML structure
โ โโโ styles.css # Game styling with dark mode
โ โโโ game.js # Game logic and 500 trivia questions
โ โโโ Sumwords_Logo.png # Game logo
โโโ landing/
โ โโโ index.html # Landing page HTML
โ โโโ styles.css # Landing page styling with dark mode
โ โโโ script.js # Landing page theme switcher
โโโ README.md # This file
โโโ LICENSE # BSD 3-Clause License
๐ฒ Game Design
Puzzle Generation
- Questions are randomly selected from the chosen category
- Equations are generated using a โfromโ approach (targets calculated from equations)
- Number pools include the correct answer plus additional numbers
- Decoy numbers (Medium/Hard) add strategic complexity
Difficulty Scaling
- Easy: 5 equations, 10 numbers, 5ร2 grid, addition/subtraction only
- Medium: 6 equations, 12 numbers (2 decoys), 6ร2 grid (3ร4 mobile), hidden operators (+ or โ)
- Hard: 8 equations, 16 numbers (6 decoys), 8ร2 grid (4ร4 mobile), all operators (+, โ, ร, รท)
๐ Statistics
The game tracks comprehensive statistics including:
- Total puzzles completed
- Total attempts
- Hints used
- Perfect games (no hints)
- Current and best win streaks
- Per-difficulty breakdowns
๐ค Contributing
Contributions are welcome! This is a personal learning project, but feel free to:
- Report bugs via GitHub Issues
- Suggest new features
- Submit pull requests for improvements
- Add new trivia questions
Adding Trivia Questions
Questions are stored in game.js in the triviaQuestions object. Each question needs:
question: The trivia question text
answer: Numeric answer (whole number, 0-2000 range works best)
category: One of the 10 existing categories
Example:
{
question: "How many keys are on a standard piano?",
answer: 88,
category: "Music & Arts"
}
๐ License
This project is licensed under the BSD 3-Clause License - see the LICENSE file for details.
๐ค Author (Vibe Coder)
Carl Storms (The BIMsider) With the help of his AI Buddy ๐ค Claude AI: Sonnet 4.5
- Role: Technical Success Manager, AECO Software
- Experience: 25+ years in AECO technology and BIM
- Project Start: December 25, 2025
๐ Acknowledgments
- Inspired by constraint-based puzzle games
- Built with vanilla JavaScript for maximum maintainability
- Designed mobile-first for modern web users
- 20 development sessions documented from concept to deployment
๐ Development
This project was developed (Vibe Coded) over 20 documented sessions with comprehensive planning:
- Session recaps track all development decisions
- Roadmap documents evolution from concept to launch
- Beginner-friendly code for long-term maintainability
- Systematic testing and bug fixes
- CSS variable architecture for maintainable theming
๐ Roadmap
Completed โ
- Core game mechanics
- Three difficulty levels plus random mode
- 500 trivia questions across 10 categories
- Hint system with three hint types
- localStorage persistence
- Statistics tracking
- Mobile-responsive design
- Cross-browser compatibility
- Professional logo and branding
- Dark mode with theme toggle
- Landing page with animations
- Interactive tutorial for first-time users
Potential Future Enhancements
- Keyboard navigation support
- Daily puzzle mode
- Social sharing (Wordle-style score sharing)
- Sound effects (optional)
- Additional question categories
- Leaderboards
- Progressive Web App (PWA) support
- Advanced tutorial with interactive walkthrough
Enjoy playing Sumwords! ๐ฎ๐งฎ
If you find a bug or have suggestions, please open an issue on GitHub.