"I don't know what to eat." — Fooder solves that.
A food and restaurant discovery app that recommends menus based on your mood, taste, budget, and dietary restrictions.
- 🔍 Search — Find menus by keyword
- 🌍 Browse — Explore all food with filters (country, taste, type, price)
- 🚫 Allergen Settings — Avoid specific ingredients, saved to your browser
- 🌙 Dark Mode — Enabled by default
- Framework — Next.js 14 (App Router)
- Language — TypeScript
- UI — NextUI v2 + Framer Motion
- Styling — Tailwind CSS
- HTTP — Axios
- Analytics — Vercel Speed Insights
git clone https://github.com/parunchxi/fooder.git
cd fooder
npm install
npm run devOpen http://localhost:3000 in your browser.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm run start |
Run production build |
npm run lint |
Run ESLint |
src/
├── app/ # Pages and layout
├── components/ # Search, All, FoodCard
├── content/ # Static filter data (country, taste, type, avoid)
└── types/ # TypeScript interfaces
- Fork the repo
- Create a branch:
git checkout -b feat/your-feature - Commit your changes:
git commit -m "feat: describe your change" - Push and open a Pull Request