https://github.com/khfong26/24
Full-stack web app for the classic "24" math puzzle. Built with a Python/Flask backend featuring a custom recursive validation algorithm, and a responsive JavaScript frontend.
https://github.com/khfong26/24
algorithms api-rest flask javascript python software-architecture
Last synced: 18 days ago
JSON representation
Full-stack web app for the classic "24" math puzzle. Built with a Python/Flask backend featuring a custom recursive validation algorithm, and a responsive JavaScript frontend.
- Host: GitHub
- URL: https://github.com/khfong26/24
- Owner: khfong26
- Created: 2026-05-27T20:44:46.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-06-16T04:30:57.000Z (20 days ago)
- Last Synced: 2026-06-16T07:25:56.258Z (20 days ago)
- Topics: algorithms, api-rest, flask, javascript, python, software-architecture
- Language: Python
- Homepage: https://two4-dol7.onrender.com
- Size: 3.94 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 24 Game 🃏
**Play it live:** [https://two4-dol7.onrender.com/](https://two4-dol7.onrender.com/)
A sleek, interactive web application of the classic math puzzle game "24". The app generates four random playing cards and challenges the user to use basic arithmetic (addition, subtraction, multiplication, division) to manipulate the values so they equal exactly 24.
## Features
* **Algorithmic Validation:** Features a custom backend recursive solver. Before any hand is served to the frontend, the Python backend builds a mathematical decision tree to verify that a valid integer-based solution exists, ensuring the user is never given an impossible puzzle.
* **Modern UI/UX:** Clean, responsive interface built with Vanilla JavaScript and CSS, featuring smooth hover animations and dynamic DOM updates.
* **Clipboard Sharing:** Includes a quick-share feature that copies the current hand to the user's clipboard for easy sharing.
## Tech Stack
* **Backend:** Python, Flask
* **Frontend:** HTML5, CSS3, Vanilla JavaScript
* **Deployment:** Gunicorn, Render