Skip to content

The Grab Food Chatbot is an innovative AI-powered virtual assistant designed to revolutionize the food ordering experience on the Grab App. It is powered by Next.js for frontend services.

Notifications You must be signed in to change notification settings

Grad-U-Ace/hackjakarta-frontend

Repository files navigation

Grad-U-Ace' Hack Jakarta Frontend

GrabFood Chatbot

This is a Next.js project bootstrapped with create-next-app.

Project Overview

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.

Key Features

  • 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.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open 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.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Tech Stack

  • 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.

Demo

Watch our Demo Video to see the chatbot in action.

Future Development

  • 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.

Deploy on Vercel

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.

About

The Grab Food Chatbot is an innovative AI-powered virtual assistant designed to revolutionize the food ordering experience on the Grab App. It is powered by Next.js for frontend services.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages