Delectable

AI-Powered Recommendation App for Foodies

Stack

• Next.js (TypeScript)
• Material UI (MUI)
• Axios
• React Query (@tanstack/react-query)

Features (Milestone 1)

• Responsive app shell with header & bottom tab bar
• System-wide dark/light mode
• Feed, Map, Profile, Playlist Detail, Login (UI only)
• Mock data & API stubs

Getting Started

npm install
npm run dev

Project Structure

/ (root)
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   ├── pages/
│   ├── theme/
│   ├── hooks/
│   ├── utils/
│   ├── api/
│   └── types/
├── package.json
├── tsconfig.json
└── README.md

Milestone 1 Progress

• Project scaffold & dependencies
• App shell, navigation, and responsive layout
• Core UI screens (Feed, Map, Profile, Playlist, Login)
• Mock data & API stubs
• Dark/light mode toggle

---