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.
- Hero Section Component
- Search Component
- Category Component
- Menu Component
- Cart Component
- Header Component
- Auth Component
- Loader and Shimmer Component
- Filters Component
- About and Help Component
- Checkout Component
- Network off Notification
- Tech Stack
- Clone the repository
git clone https://github.com/siddhesh-coder/HungryHub.git- 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
npm install
npm start- To run tests.
npm watch-testComponents:
• Listing of restaurants, cuisines, and greeting with user name:
• Layout: FlexBox
• It provides a list of restaurants based on the input given by the user.
• Debouncing which reduces the API call for every key stoke.
• List of food items based on selected cuisine.
• List of menus based on the selected restaurant.
• Child Component:
- Carousal
- Accordion
• 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.
• Navigate to different sections in the application.
• User Authentication by using Formik(form handling) and yup(validation).
• Based on filter it sort the list of restaurants
Frontend:
Backend:
Authentication:
Payment Gateway:
Tests
IDE
Linters
Terminal
Improvement
- Enhance the styling and design of the components to create a more visually appealing interface.