https://github.com/siddhesh-coder/hungryhub
You can quickly order your favorite food with a user-friendly interface. Easily search for your desired restaurant and select dishes and add them to your cart for a seamless ordering experience.
https://github.com/siddhesh-coder/hungryhub
css3 express formik-yup framer-motion git html5 javascript jest razorpay-payment react react-hooks react-router redux-toolkit tailwindcss testing-library typescript vscode
Last synced: 4 months ago
JSON representation
You can quickly order your favorite food with a user-friendly interface. Easily search for your desired restaurant and select dishes and add them to your cart for a seamless ordering experience.
- Host: GitHub
- URL: https://github.com/siddhesh-coder/hungryhub
- Owner: siddhesh-coder
- Created: 2024-03-17T09:06:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-28T07:40:36.000Z (over 1 year ago)
- Last Synced: 2025-01-06T00:14:37.710Z (6 months ago)
- Topics: css3, express, formik-yup, framer-motion, git, html5, javascript, jest, razorpay-payment, react, react-hooks, react-router, redux-toolkit, tailwindcss, testing-library, typescript, vscode
- Language: JavaScript
- Homepage: https://hungry-hub-three.vercel.app
- Size: 9.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HungryHub - Food Delivery App 
**Description:** You can quickly order your favorite food with a user-friendly interface. Easily search for your desired restaurant and select dishes and add them to your cart for a seamless ordering experience.
# Table of Contents
1. [Hero Section Component](#hero-section-component)
2. [Search Component](#search-component)
3. [Category Component](#category-component)
4. [Menu Component](#menu-component)
5. [Cart Component](#cart-component)
6. [Header Component](#header-component)
7. [Auth Component](#auth-component)
8. [Loader and Shimmer Component](#loader-and-shimmer-component)
9. [Filters Component](#filters-component)
10. [About and Help Component](#about-and-help-component)
11. [Checkout Component](#checkout-component)
12. [Network off Notification](#network-off-notification)
13. [Tech Stack](#tech-stack)
## Installation
1. Clone the repository
```bash
git clone https://github.com/siddhesh-coder/HungryHub.git
```
2. Go to the project directory and install dependencies for both the client and server(server is available on https://github.com/siddhesh-coder/HungryHub-Razorpay-Server.git), below cmd will be the same for server
```bash
npm install
npm start
```
3. To run tests.
```bash
npm watch-test
```
**Components:**
# Hero Section Component:
• Listing of restaurants, cuisines, and greeting with user name:
• Layout: FlexBox
#
#
#
#
[🔝 Back to Top](#table-of-contents)
# Search Component:
• It provides a list of restaurants based on the input given by the user.
• Debouncing which reduces the API call for every key stoke.
#
#
#
[🔝 Back to Top](#table-of-contents)
# Category Component:
• List of food items based on selected cuisine.
#
#
#
[🔝 Back to Top](#table-of-contents)
# Menu Component:
• List of menus based on the selected restaurant.
• Child Component:
1. Carousal
2. Accordion
#
#
#
[🔝 Back to Top](#table-of-contents)
# Cart Component:
• List of food items that the user has selected to purchase.
• User can increment, decrement or remove the count of food in their cart.
• The "Clear Cart" button is used to remove all the items from the cart.
#
#
#
# Header Component:
• Navigate to different sections in the application.
#
#
[🔝 Back to Top](#table-of-contents)
# Auth Component:
• User Authentication by using Formik(form handling) and yup(validation).
#
#
#
[🔝 Back to Top](#table-of-contents)
# Loader and Shimmer Component:
#
Your browser does not support the video tag.
#
#
[🔝 Back to Top](#table-of-contents)
# Filters Component:
• Based on filter it sort the list of restaurants
#
#
[🔝 Back to Top](#table-of-contents)
# About and Help Component:
#
#
#
[🔝 Back to Top](#table-of-contents)
# Checkout Component:
#
#
#
#
[🔝 Back to Top](#table-of-contents)
# Network off Notification:
#
#
[🔝 Back to Top](#table-of-contents)
# Tech Stack:
**Frontend:**
**Backend:**
**Authentication:**
**Payment Gateway:**
**Tests**
**IDE**
**Linters**
**Terminal**
**Improvement**
1. Enhance the styling and design of the components to create a more visually appealing interface.
[🔝 Back to Top](#table-of-contents)
