CraveHub is a state-of-the-art food delivery and management system that seamlessly connects customers and merchants, elevating the dining experience to new heights.
Customers enjoy a seamless experience navigating a dynamic menu, effortlessly customizing orders, and accessing nutritional information for informed choices.
Customers can easily track their previous orders in the dedicated "My Orders" section, ensuring transparency and convenience.
User login is secured through robust email and password authentication, ensuring the privacy and safety of customer accounts.
CraveHub empowers customers with access to detailed nutritional information, promoting healthy and informed dining decisions.
Customers have the unique opportunity to create personalized salad bowls, reflecting a diverse and health-conscious menu.
Merchants efficiently manage their offerings, track orders, and customize menus through a secure and user-friendly portal.
Only authorized personnel can register in the merchant portal using a secure passkey provided by owners, preventing unauthorized access.
Merchants have the flexibility to update menus, add items, and adjust prices with ease, ensuring a dynamic and responsive offering to customers.
-
Frontend Development:
- Utilizes React.js and Next.js for engaging and responsive interfaces.
-
Backend Infrastructure:
- Implements Firebase for real-time updates and efficient data management.
-
Authentication:
- Ensures secure user and merchant authentication through Firebase.
CraveHub's innovative design, real-time functionality, and robust security measures redefine the food ordering experience. Whether you're a customer exploring diverse menu options or a merchant managing offerings seamlessly, CraveHub promises a culinary journey that's delightful, secure, and empowering.
This is a Next.js project bootstrapped with create-next-app.
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!
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.