Public
Like
carmy-mvp
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
Carmy is a comprehensive meal planning application that helps users track their nutrition goals, manage recipes, and plan meals throughout the week.
- Daily Goals Tracking: Monitor nutritional goals including calories, protein, carbs, and fat
- 7-Day Calendar: Weekly meal planning view anchored to the current week (Sunday start)
- Recipe Management: Create, edit, view, and delete recipes with detailed ingredients
- Nutrition Tracking: Track nutritional information for planned meals
βββ backend/
β βββ index.ts # Main Hono server
β βββ database/
β β βββ migrations.ts # Database schema
β β βββ queries.ts # Database queries
β βββ routes/
β βββ goals.ts # Nutrition goals API
β βββ meals.ts # Meals API
β βββ recipes.ts # Recipes API
βββ frontend/
β βββ index.html # Main HTML template
β βββ index.tsx # React app entry point
β βββ components/
β β βββ App.tsx # Main app component with navigation
β β βββ DailyGoals.tsx # Daily goals section
β β βββ WeeklyCalendar.tsx # 7-day calendar
β β βββ RecipeManager.tsx # Recipe management container
β β βββ RecipeList.tsx # Recipe list view
β β βββ RecipeForm.tsx # Recipe creation/editing form
β β βββ RecipeView.tsx # Recipe detail view
β βββ style.css # Styles
βββ shared/
βββ types.ts # Shared TypeScript types
Users can create and manage recipes with the following features:
- Recipe Details: Name, serving size, and optional URL link
- Ingredients: Each ingredient has:
- Name (required)
- Quantity (required, supports decimals)
- Unit (required, e.g., "cups", "tablespoons", "grams")
- Description (optional, e.g., "sifted", "chopped")
The app features a tabbed interface:
- Dashboard: Daily nutrition goals and weekly meal calendar
- Recipes: Recipe management (list, create, edit, view, delete)
The application runs on a Hono backend with a React frontend. The main entry point is backend/index.ts.