Spaces:
Sleeping
Sleeping
End-to-end MNIST handwritten digit recognition using a CNN, with a Flask web app featuring real-time canvas-based predictions.
f7da636 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>MNIST Digit Recognizer</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="app"> | |
| <header> | |
| <h1>Digit Recognizer</h1> | |
| <p>Draw a digit (0–9). Model predicts using CNN trained on MNIST.</p> | |
| </header> | |
| <main> | |
| <section class="canvas-box"> | |
| <canvas id="canvas" width="280" height="280"></canvas> | |
| <div class="controls"> | |
| <button id="clear-btn">Clear</button> | |
| <button id="predict-btn">Predict</button> | |
| </div> | |
| </section> | |
| <section class="result-box"> | |
| <h2>Prediction</h2> | |
| <div id="predicted-digit">–</div> | |
| </section> | |
| </main> | |
| </div> | |
| <script src="{{ url_for('static', filename='js/script.js') }}"></script> | |
| </body> | |
| </html> | |