How vishal-jadoun/cleancook works
CleanCook is a React meal-planning and healthy-eating web app. Users can browse recipes and open cooking details, plan meals by week, manage a shopping list, and view profile and nutrition-oriented dashboard screens. The README describes shopping-list generation from planned meals, but the sampled shopping implementation uses local sample items; no runtime connection between those features is evidenced. The graph follows documented routes and sampled imports, and does not assume persistence or backend authentication.
Main entry points: App.jsx App Router · Planner.jsx Weekly Planner · Recipes.jsx Recipe Browse · Shopping.jsx Shopping List
Components 22
Application Shell
- React Entry
src/main.jsx - App Router
src/App.jsx - Navigation
src/components/Navbar/Navbar.jsx - Site Footer
src/components/Footer/Footer.jsx - Home
src/pages/Home/Home.jsx
Recipe Discovery
- Recipe Browse
src/pages/Recipes/Recipes.jsx - Recipe Search
src/components/SearchBar/SearchBar.jsx - Recipe Details
src/pages/RecipeDetails/RecipeDetails.jsx - Recipe Collection
src/data/recipes.js
Meal Planning
- Weekly Planner
src/pages/Planner/Planner.jsx - Sample Meal Plan
src/data/mealPlan.js - Day Column
src/components/DayColumn/DayColumn.jsx - Planner Slot
src/components/PlannerSlot/PlannerSlot.jsx - Meal Card
src/components/MealCard/MealCard.jsx
Account and Wellness
- Wellness Dashboard
src/pages/Dashboard/Dashboard.jsx - User Profile
src/pages/Profile/Profile.jsx - Login
src/pages/Login/Login.jsx - Signup
src/pages/Signup/Signup.jsx
Grocery Shopping
- Shopping List
src/pages/Shopping/Shopping.jsx - Shopping Item
src/components/ShoppingItem/ShoppingItem.jsx - Shopping List Page
src/pages/ShoppingList/Shoppinglist.jsx
Other components
- User
Connections 26
- User → React Entry: opens app
src/main.jsx - React Entry → App Router: renders
src/main.jsx - App Router → Navigation: renders
src/App.jsx - App Router → Site Footer: renders
src/App.jsx - App Router → Home: routes to
src/App.jsx - App Router → Recipe Browse: routes to
src/App.jsx - App Router → Recipe Details: routes to
src/App.jsx - App Router → Login: routes to
src/App.jsx - App Router → Signup: routes to
src/App.jsx - App Router → User Profile: routes to
src/App.jsx - App Router → Wellness Dashboard: routes to
src/App.jsx - App Router → Weekly Planner: routes to
src/App.jsx - App Router → Shopping List: routes to
src/App.jsx - Recipe Browse → Recipe Search: renders
src/pages/Recipes/Recipes.jsx - Recipe Browse → Recipe Details: links to
src/pages/Recipes/Recipes.jsx - Weekly Planner → Sample Meal Plan: reads
src/pages/Planner/Planner.jsx - Weekly Planner → Day Column: renders
src/pages/Planner/Planner.jsx - Weekly Planner → Planner Slot: renders
src/pages/Planner/Planner.jsx - Planner Slot → Meal Card: uses
src/components/PlannerSlot/PlannerSlot.jsx - Shopping List → Shopping Item: renders
src/pages/Shopping/Shopping.jsx - User → Recipe Browse: discovers recipes
README.md - User → Weekly Planner: plans meals
README.md - User → Shopping List: manages groceries
README.md - User → User Profile: sets preferences
README.md - User → Recipe Details: follows cooking steps
README.md - Sample Meal Plan → Shopping List: may inform list