https://github.com/timtbdev/next.js-mongol-food-app
🔥 Full-stack Mongolian Food & Restaurant finder - Next.js, TailwindCSS, Supabase, Prisma
https://github.com/timtbdev/next.js-mongol-food-app
framer-motion headlessui mdx motion next-mdx-remote nextjs nuqs prisma react shadcn-ui supabase supabase-auth supabase-db supabase-storage tailwindcss tanstack-react-query
Last synced: 5 months ago
JSON representation
🔥 Full-stack Mongolian Food & Restaurant finder - Next.js, TailwindCSS, Supabase, Prisma
- Host: GitHub
- URL: https://github.com/timtbdev/next.js-mongol-food-app
- Owner: timtbdev
- Created: 2025-02-11T20:53:54.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-22T12:53:44.000Z (10 months ago)
- Last Synced: 2025-05-21T12:49:07.729Z (7 months ago)
- Topics: framer-motion, headlessui, mdx, motion, next-mdx-remote, nextjs, nuqs, prisma, react, shadcn-ui, supabase, supabase-auth, supabase-db, supabase-storage, tailwindcss, tanstack-react-query
- Language: TypeScript
- Homepage: https://mongol.food
- Size: 6.18 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🇲🇳🔥 Mongol.Food
## 🚀 Introduction
Mongolian Food & Restaurant Finder helps people discover and enjoy authentic Mongolian cuisine.
🌎 **Live Demo:** [Mongol.food](https://mongol.food)
## 🚧 Work in Progress
This project is actively being developed! Here’s what I’m currently working on:
## 🍽️ Features
| 🚀 Feature | 🔍 Description | 📌 Status |
| ----------------------- | --------------------------------------------------- | -------------- |
| **Interactive Listing** | 🍽️ Browse foods & restaurants with rich details | ✅ Completed |
| **Search** | 🔍 Find restaurants and dishes quickly | 🔄 In Progress |
| **Paging** | 📄 Smooth navigation for large lists | 🔄 In Progress |
| **Login** | 🔐 Secure authentication for users | ⏳ Coming Soon |
| **Ranking** | ⭐ Vote and rank the best restaurants & dishes | ⏳ Coming Soon |
| **Reviews** | 📝 Share dining experiences with ratings | ⏳ Coming Soon |
| **Commenting** | 💬 Engage with reviews & discussions | ⏳ Coming Soon |
| **User Dashboard** | 👤 Manage profile, favorites & activity | ⏳ Coming Soon |
| **Admin Dashboard** | 🛠️ Control listings, users & content | ⏳ Coming Soon |
| **Blog** | 📝 Discover articles on Mongolian cuisine & culture | ⏳ Coming Soon |
| **Newsletter** | 📩 Get updates on new restaurants & food trends | ⏳ Coming Soon |
| **SEO Optimization** | 📈 Improve discoverability on search engines | ✅ Completed |
## 🚀 Tech Stack
| 🚀 Technology | 🔍 Description | 📌 Status |
| ------------------- | -------------------------------------------------------- | -------------- |
| **Next.js** | ⚡ Fast, modern React framework | ✅ Integrated |
| **TailwindCSS** | 🎨 Beautiful and flexible styling | ✅ Integrated |
| **Supabase** | 🛠️ Database, authentication, and real-time capabilities | 🔄 Coming Soon |
| **Prisma** | 🏗️ Next-generation ORM for database management | 🔄 Coming Soon |
| **TanStack Query** | 🔄 Powerful async state management for data fetching | 🔄 Coming Soon |
| **Nuqs** | 🔍 Type-safe search params state manager for React | 🔄 Coming Soon |
| **Resend** | 📧 API for sending transactional emails effortlessly | 🔄 Coming Soon |
| **React Email** | 💌 Build and send beautiful, responsive emails in React | 🔄 Coming Soon |
| **Headless UI** | 🏗️ Accessible and unstyled UI components | ✅ Integrated |
| **Shadcn UI** | 🎛️ Pre-styled modern UI components for rapid development | ✅ Integrated |
| **Next-MDX-Remote** | 📜 MDX support for dynamic, content-rich pages | 🔄 Coming Soon |
| **Framer Motion** | 🎬 Smooth animations and gesture interactions | ✅ Integrated |
| **Lucide-React** | 🎨 Beautiful, customizable icon set for React apps | ✅ Integrated |
| **React-Icons** | 🔤 Collection of popular icon packs for React | ✅ Integrated |
| **Code Quality** | ✅ **ESLint & Prettier** for clean and consistent code | ✅ Integrated |
## 📸 Screenshots
## Project Details
### Key Files and Directories
- **`app`**: Contains the main application components.
- **`components`**: Contains reusable UI components.
- **`lib`**: Contains utility functions.
- **`config`**: Contains data for SEO and Menu.
- **`content`**: Contains data.
### Configuration Files
- **`tailwind.config.ts`**: Tailwind CSS configuration.
- **`tsconfig.json`**: TypeScript configuration.
- **`next.config.mjs`**: Next.js configuration.
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 📞 Contact
For questions or feedback, reach out through:
- Web: [timtb.dev](https://timtb.dev)
- Email: timtb.dev@gmail.com
- X: [@timtbdev](https://x.com/timtbdev)
---