Interactive Puzzle Game Web App
Budget: ₹600 – ₹601 INR
I need a fully-functioning, browser-based jigsaw-style puzzle game built with an HTML/CSS/JavaScript front end and a Python-Flask back end. The core experience is simple: users log in with an email-and-password account, pick a colorful, playful puzzle board, and drag each piece into its correct spot.
Key functionality
• The interface must stay smooth and responsive while pieces are being dragged, snapping cleanly into place the moment they overlap a matching cell.
• When every piece is correctly positioned the game should instantly recognise completion, stop the timer, record the score, and show a brief congratulations panel (time taken, moves, or any other metric you wire in).
• A timer or similar scoring mechanism should run from the first move so I can rank performances later.
Data & persistence
Flask should expose the usual routes for register, login, logout, and game actions, persisting users, times, and per-level scores to SQLite. I’d like to revisit the dashboard and see my own historical runs, so structure the tables with that in mind.
Levels
Please wire the code so I can drop additional puzzle images in a folder and have them appear as new levels without having to touch Python logic each time. If you can preload two or three demo images that would be perfect.
Mobile considerations
The drag-and-drop must remain finger-friendly on phones and tablets, and the layout should re-flow gracefully on small screens.
Deliverables
1. Complete source code (HTML, SCSS/CSS, JS, Python, SQL).
2. A brief README with setup commands and environment variables.
3. SQL schema or migration file that builds the necessary tables.
4. Short demo video or GIF proving the game, login, and score storage work end-to-end.
Acceptance criteria
• Sign-up, sign-in, and log-out all succeed with email/password flow.
• Puzzle pieces drag smoothly on desktop and mobile and snap precisely.
• Completion auto-detected; timer stops and score persists to SQLite.
• Re-loading the page after finishing shows the saved result in a personal history list.
If you already have experience with HTML5 canvas, touch-enabled drag-and-drop, and Flask session management, this should be a straightforward build. Let’s make a playful little game that feels great in the browser and works everywhere.
Key functionality
• The interface must stay smooth and responsive while pieces are being dragged, snapping cleanly into place the moment they overlap a matching cell.
• When every piece is correctly positioned the game should instantly recognise completion, stop the timer, record the score, and show a brief congratulations panel (time taken, moves, or any other metric you wire in).
• A timer or similar scoring mechanism should run from the first move so I can rank performances later.
Data & persistence
Flask should expose the usual routes for register, login, logout, and game actions, persisting users, times, and per-level scores to SQLite. I’d like to revisit the dashboard and see my own historical runs, so structure the tables with that in mind.
Levels
Please wire the code so I can drop additional puzzle images in a folder and have them appear as new levels without having to touch Python logic each time. If you can preload two or three demo images that would be perfect.
Mobile considerations
The drag-and-drop must remain finger-friendly on phones and tablets, and the layout should re-flow gracefully on small screens.
Deliverables
1. Complete source code (HTML, SCSS/CSS, JS, Python, SQL).
2. A brief README with setup commands and environment variables.
3. SQL schema or migration file that builds the necessary tables.
4. Short demo video or GIF proving the game, login, and score storage work end-to-end.
Acceptance criteria
• Sign-up, sign-in, and log-out all succeed with email/password flow.
• Puzzle pieces drag smoothly on desktop and mobile and snap precisely.
• Completion auto-detected; timer stops and score persists to SQLite.
• Re-loading the page after finishing shows the saved result in a personal history list.
If you already have experience with HTML5 canvas, touch-enabled drag-and-drop, and Flask session management, this should be a straightforward build. Let’s make a playful little game that feels great in the browser and works everywhere.
Related categories:
JavaScript
Python
Game Design
CSS
HTML5
HTML
Game Development
SQLite
Web Development
Flask