fix: harden API, add rate limiting, disable debug by default
- Add input validation and error handling across all API endpoints (malformed JSON, missing fields, invalid types return proper 4xx) - Add per-IP rate limiting (10/min new games, 60/min other requests) - Add session rollback on unhandled exceptions - Default debug=False, add --debug CLI flag to opt in - Frontend: add fetch error handling, fix feedback timeout stacking, disable buttons during requests, allow clicking found cells for overlapping word selection - Expand seed data to 7 categories with 25-35 words each Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mathew Sir Guest the best
co-authored by
Claude Opus 4.6
Claude Opus 4.6
parent
4d681a92ca
commit
cd1dc9200b
+39
-2
@@ -1,8 +1,45 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block active_page %}{% set active_page = "about" %}{% end %}
|
||||
|
||||
{% block title %}Word Search — About{% end %}
|
||||
|
||||
{% block content %}
|
||||
<h2>About</h2>
|
||||
<p>About page coming soon.</p>
|
||||
<h2 class="mb-4">ℹ️ About</h2>
|
||||
|
||||
<div class="content-section">
|
||||
<h3>🧩 What is Word Search?</h3>
|
||||
<p>
|
||||
Word Search is a browser-based puzzle game where you find hidden words in a
|
||||
grid of letters. Words can be placed horizontally, vertically, or
|
||||
diagonally — forwards or backwards. The backend generates puzzles,
|
||||
validates your selections, and tracks your progress in real time.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="content-section">
|
||||
<h3>🛠️ Built With</h3>
|
||||
<ul>
|
||||
<li><strong>Python</strong> — core language</li>
|
||||
<li><strong>Tornado</strong> — async web framework</li>
|
||||
<li><strong>Bootstrap 5</strong> — responsive UI</li>
|
||||
<li><strong>Bootstrap Icons</strong> — interface icons</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content-section">
|
||||
<h3>✍️ Authors</h3>
|
||||
<ul>
|
||||
<li><strong>Mathew Guest</strong> — creator and developer</li>
|
||||
<li><strong>🤖 Claude</strong> (Anthropic) — AI co-author</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content-section">
|
||||
<h3>📂 Source Code</h3>
|
||||
<p>
|
||||
The source code for this project will be available on GitHub.
|
||||
<em>Link coming soon.</em>
|
||||
</p>
|
||||
</div>
|
||||
{% end %}
|
||||
|
||||
+30
-6
@@ -6,14 +6,20 @@
|
||||
<title>{% block title %}Word Search{% end %}</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YcnS/1WR6zNiELmFp5mGg7gCjSP54e0TpoS"
|
||||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
||||
crossorigin="anonymous">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
rel="stylesheet">
|
||||
<link rel="stylesheet" href="{{ static_url('css/theme.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
{% block active_page %}{% end %}
|
||||
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="/">Word Search</a>
|
||||
<a class="navbar-brand" href="/">
|
||||
<i class="bi bi-search"></i> Word Search
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
@@ -21,16 +27,28 @@
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
<a class="nav-link {% if active_page == 'home' %}active{% end %}"
|
||||
href="/">
|
||||
<i class="bi bi-house-door"></i> Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/game">Play</a>
|
||||
<a class="nav-link {% if active_page == 'play' %}active{% end %}"
|
||||
href="/game">
|
||||
<i class="bi bi-controller"></i> Play
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/howtoplay">How to Play</a>
|
||||
<a class="nav-link {% if active_page == 'howtoplay' %}active{% end %}"
|
||||
href="/howtoplay">
|
||||
<i class="bi bi-question-circle"></i> How to Play
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/about">About</a>
|
||||
<a class="nav-link {% if active_page == 'about' %}active{% end %}"
|
||||
href="/about">
|
||||
<i class="bi bi-info-circle"></i> About
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -41,6 +59,12 @@
|
||||
{% block content %}{% end %}
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
© 2026 Word Search
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
+10
-9
@@ -11,18 +11,25 @@
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row g-3 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label for="category-select" class="form-label">Category</label>
|
||||
<select id="category-select" class="form-select"></select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label for="board-size" class="form-label">
|
||||
Board Size: <span id="size-display">10</span>
|
||||
</label>
|
||||
<input type="range" id="board-size" class="form-range"
|
||||
min="8" max="20" value="10">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label for="word-count" class="form-label">
|
||||
Word Count: <span id="word-count-display">8</span>
|
||||
</label>
|
||||
<input type="range" id="word-count" class="form-range"
|
||||
min="3" max="30" value="8">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<button id="new-game-btn" class="btn btn-accent btn-lg w-100">
|
||||
Start Game
|
||||
</button>
|
||||
@@ -74,12 +81,6 @@
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button id="submit-selection-btn"
|
||||
class="btn btn-outline-light d-none">
|
||||
Submit Selection
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button id="clear-selection-btn"
|
||||
class="btn btn-outline-secondary d-none">
|
||||
|
||||
@@ -1,8 +1,80 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block active_page %}{% set active_page = "howtoplay" %}{% end %}
|
||||
|
||||
{% block title %}Word Search — How to Play{% end %}
|
||||
|
||||
{% block content %}
|
||||
<h2>How to Play</h2>
|
||||
<p>Instructions coming soon.</p>
|
||||
<h2 class="mb-4">📖 How to Play</h2>
|
||||
|
||||
<div class="content-section">
|
||||
<h3 class="mb-4">Step-by-Step Instructions</h3>
|
||||
|
||||
<div class="step-item">
|
||||
<span class="step-number">1</span>
|
||||
<p>
|
||||
📋 <strong>Check the word list</strong> — Look at the list of words
|
||||
displayed alongside the grid. These are the words you need to find.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="step-item">
|
||||
<span class="step-number">2</span>
|
||||
<p>
|
||||
🔍 <strong>Scan for the first letter</strong> — Pick a word from the
|
||||
list and scan the grid for its first letter. This gives you a starting
|
||||
point.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="step-item">
|
||||
<span class="step-number">3</span>
|
||||
<p>
|
||||
↗️ <strong>Look in all directions</strong> — Words can run
|
||||
horizontally, vertically, or diagonally — and they can go forward or
|
||||
backward. Check all eight directions from your starting letter.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="step-item">
|
||||
<span class="step-number">4</span>
|
||||
<p>
|
||||
👆 <strong>Select the word</strong> — Click or tap the first letter of
|
||||
the word, then click the last letter to highlight the entire word.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="step-item">
|
||||
<span class="step-number">5</span>
|
||||
<p>
|
||||
✅ <strong>Words get crossed off</strong> — When you correctly find a
|
||||
word, it gets crossed off the list so you can track your progress.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="step-item">
|
||||
<span class="step-number">6</span>
|
||||
<p>
|
||||
🏆 <strong>Find them all to win!</strong> — The puzzle is complete when
|
||||
every word on the list has been found. Try to beat your best time!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="mb-3">💡 Tips</h3>
|
||||
|
||||
<div class="tip-card">
|
||||
<strong>Start with uncommon letters</strong> — Letters like Q, X, Z, and J
|
||||
appear less often in the grid, making words with those letters easier to spot.
|
||||
</div>
|
||||
|
||||
<div class="tip-card">
|
||||
<strong>Scan systematically</strong> — Work through the grid row by row or
|
||||
column by column rather than jumping around randomly.
|
||||
</div>
|
||||
|
||||
<div class="tip-card">
|
||||
<strong>Look for word shapes</strong> — Sometimes you can spot diagonal words
|
||||
by the distinctive slanted pattern they make in the grid.
|
||||
</div>
|
||||
{% end %}
|
||||
|
||||
+6
-3
@@ -1,14 +1,17 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block active_page %}{% set active_page = "home" %}{% end %}
|
||||
|
||||
{% block title %}Word Search — Home{% end %}
|
||||
|
||||
{% block content %}
|
||||
<div class="text-center py-5">
|
||||
<header class="hero">
|
||||
<div class="hero-emoji">🧩</div>
|
||||
<h1 class="display-4 fw-bold mb-3">Word Search</h1>
|
||||
<p class="lead mb-4">
|
||||
Find hidden words in a grid of letters. Words can appear horizontally,
|
||||
vertically, or diagonally. How fast can you find them all?
|
||||
</p>
|
||||
<a href="/game" class="btn btn-accent btn-lg px-5">Start Game</a>
|
||||
</div>
|
||||
<a href="/game" class="btn btn-accent btn-lg px-5">🎮 Start Game</a>
|
||||
</header>
|
||||
{% end %}
|
||||
|
||||
Reference in New Issue
Block a user