How yoshi-ko1/s.a.n.g.k.a.p works
S.A.N.G.K.A.P. is a recipe-discovery and community website: visitors browse and search recipes, compare ingredients with a shopping basket, then view details and rate or save recipes; signed-in users can contribute recipes and profiles. The browser modules implement discovery, recommendations, community, basket, and account features. Data can use the browser prototype store or the SQL Server API; the sampled server excerpt confirms routing and upload handling but not all endpoint-to-table relationships, so those are not expanded here.
Main entry points: index.html Website Pages · database.js Browser Data · recipe-details.js Recipe Details · api.js API Client
Components 23
Recipe Website
- Website Pages
index.html - Shared Interface
js/app.js
Recipe Features
- Recipe Search
js/recipes.js - Home Feed
js/home.js - Featured Recipes
js/featured.js - Ingredient Matching
js/recommendation.js - Recipe Details
js/recipe-details.js - Shopping Basket
js/basket.js - Community Recipes
js/community.js - Ratings
js/ratings.js - Favorites
js/favorites.js - User Profile
js/profile.js - Authentication
js/auth.js - Image Upload
js/upload.js
Data Services
- Browser Data
js/database.js - Local Storage
js/storage.js - API Client
js/api.js
Server
- HTTP API Server
backend/server.js - SQL Access
backend/db.js - Upload Handling
backend/uploads.js
Other components
- Visitor
- SQL Server
- Uploaded Images
assets/uploads
Connections 30
- Visitor → Website Pages: browses
- Website Pages → Shared Interface: loads interface
- Website Pages → Recipe Search: loads discovery
- Website Pages → Home Feed: loads feed
- Website Pages → Featured Recipes: loads featured
- Website Pages → Recipe Details: loads details
- Website Pages → Shopping Basket: loads basket
- Website Pages → Community Recipes: loads community
- Website Pages → User Profile: loads profile
- Website Pages → Authentication: loads account
- Recipe Search → Browser Data: reads recipes
- Home Feed → Browser Data: reads recipes
- Featured Recipes → Browser Data: reads recipes
- Recipe Details → Ingredient Matching: calculates match
js/recipe-details.js - Recipe Details → Shopping Basket: reads basket
js/recipe-details.js - Recipe Details → Browser Data: reads recipe
- Community Recipes → Browser Data: saves recipes
- Ratings → Browser Data: updates ratings
- Favorites → Browser Data: stores favorites
- User Profile → Browser Data: reads profile
- Authentication → Browser Data: stores accounts
- Browser Data → Local Storage: persists data
- Authentication → API Client: calls API
js/auth.js - Ratings → API Client: submits rating
js/ratings.js - Image Upload → API Client: sends image
- API Client → HTTP API Server: sends requests
- HTTP API Server → SQL Access: queries data
backend/server.js - SQL Access → SQL Server: reads and writes
backend/db.js - HTTP API Server → Upload Handling: saves image
backend/server.js - Upload Handling → Uploaded Images: writes files
backend/uploads.js