Frontend

React-based UI for the Meals recipe management application.

Structure

frontend/
├── index.html        # Main HTML template (served at /)
├── index.tsx         # React entry point
├── style.css         # Global styles (if needed)
├── components/
│   ├── App.tsx       # Main app component
│   └── *.tsx         # Feature components
└── favicon.svg       # App icon

Technologies

  • React 18.2.0 - UI framework
  • Twind - TailwindCSS-in-JS (loaded via CDN)
  • TypeScript - Type safety

Development Notes

  • All React files must include @jsxImportSource https://esm.sh/react@18.2.0 at the top
  • Use https://esm.sh for npm imports with React version pinning
  • Shared types are imported from /shared/types.ts
  • Client-side errors are captured by the std/catch script