This is a React + TypeScript project built as part of the Signal challenge. The goal is to provide a minimal, functional MVP for the Government of Canada’s Food Guide, focusing on delivering maximum signal about coding proficiency in limited time.
- ✅ View a daily healthy menu for an individual
- ✅ View a family menu with breakdown per member
- ✅ Responsive, modern UI built with React Hooks and TypeScript
- ✅ Clean architecture and folder structure
- ✅ Routing with React Router
- ✅ Easily extendable structure
- ✅ Designed to load and process data from
/data/on the frontend
- React 19
- TypeScript
- Vite – for blazing-fast development
- React Router
- React Bootstrap
- Jest + React Testing Library (for unit tests)
- As a user, I want to see an optimal daily menu so that I can improve my health.
- As a family, I want to see an optimal daily menu with a breakdown per member so that we can improve the health of the family.
npm installnpm run testnpm run dev