This is a Next.js project bootstrapped with create-next-app.
The GrabFood Chatbot aims to revolutionize the food ordering experience by offering personalized recommendations to users and actionable insights to merchants. Leveraging AI, this chatbot enhances user engagement, reduces bounce rates, and drives economic growth for merchants.
- Personalized Recommendations: Tailored food suggestions based on user inputs such as cravings, distances, and price.
- Advanced Filtering: Refine searches by cuisine, user's review, and more.
- Merchant Visibility: Small merchants featured in recommendations to increase their exposure.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
- Next.js: We chose Next.js for its powerful features, including server-side rendering, static site generation, and API routes, which enhance performance and SEO.
- shadcn: Shadcn is used for its flexibility in styling and theming, allowing us to create a visually appealing and consistent user interface. Its modular design system ensures that our components are reusable and maintainable.
- Framer Motion: Framer Motion is implemented for its advanced animation capabilities, enabling us to create smooth and interactive user experiences. Its intuitive API and integration with React make it easy to add dynamic animations and transitions, enhancing the overall user engagement of the chatbot interface.
Watch our Demo Video to see the chatbot in action.
- Ads for Merchants: Integrate ad placements within recommendations to allow merchants to promote specific dishes or offers.
- User Trend Analysis and Recommendations: Develop a reporting feature to provide merchants with insights into popular keywords and trends based on user inputs, along with actionable AI-powered recommendations to help merchants align their offerings with current demand.
- Mood-Based Recommendations: Enhance the chatbot to provide suggestions based on user moods, making recommendations more contextually relevant.
- Jaccard Index-Based Recommendations: Use the Jaccard Index to analyze the similarity between a user's order history and other users' histories, providing personalized food recommendations.
- Integration with GrabFamily: Enhance the chatbot to prompt meal decisions for other family members.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.