How sengleapheng65-lab/cookly-website works
Cookly is a recipe-sharing website for home cooks to post, find, and save recipes. Its principal workflow spans recipe creation, browsing and search, recipe detail, and saving; account and profile pages provide supporting capabilities. The Flask application handles server-side routes and database operations, with a MySQL connection helper. The excerpts show only selected route behavior, so UI-to-route wiring and several capabilities visible in the file tree are not mapped as confirmed calls.
Main entry points: app.py Flask application · db.py Connection helper · browse.html Browse page · add-recipe.html Add recipe page
Components 17
User interface
- Home page
frontend/templates/home.html - Browse page
frontend/templates/browse.html - Recipe detail page
frontend/templates/recipe-detail.html - Add recipe page
frontend/templates/add-recipe.html - Login and register
frontend/templates/login.html - Collections page
frontend/templates/collections.html - Home search
frontend/static/js/home.js - Browse search
frontend/static/js/browse.js - Navigation behavior
frontend/static/js/navbar.js
Recipe workflows
- Recipe actions
frontend/static/js/recipe-actions.js - Add form behavior
frontend/static/js/add-recipe.js - Flask application
backend/app.py
Accounts and collections
- Auth form behavior
frontend/static/js/auth.js - Collection tabs
frontend/static/js/collections.js
Persistence
- Connection helper
backend/db.py - MySQL database
Other components
- Home cook
Connections 9
- Home cook → Home page: uses
README.md - Home cook → Browse page: uses
README.md - Home cook → Add recipe page: posts recipes
README.md - Home cook → Collections page: saves recipes
README.md - Flask application → Connection helper: calls
backend/app.py - Connection helper → MySQL database: connects to
backend/db.py - Flask application → Browse page: renders
backend/app.py - Flask application → Recipe detail page: renders
backend/app.py - Flask application → Add recipe page: renders
backend/app.py