{"id":19301236,"url":"https://github.com/siddhesh-coder/hungryhub","last_synced_at":"2026-04-04T21:31:42.030Z","repository":{"id":228169763,"uuid":"773290314","full_name":"siddhesh-coder/HungryHub","owner":"siddhesh-coder","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.","archived":false,"fork":false,"pushed_at":"2024-03-28T07:40:36.000Z","size":9735,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T01:39:01.040Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"https://hungry-hub-three.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/siddhesh-coder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-17T09:06:46.000Z","updated_at":"2024-04-11T21:43:12.000Z","dependencies_parsed_at":"2024-03-28T08:48:20.496Z","dependency_job_id":null,"html_url":"https://github.com/siddhesh-coder/HungryHub","commit_stats":null,"previous_names":["siddhesh-coder/hungryhub"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/siddhesh-coder/HungryHub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siddhesh-coder%2FHungryHub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siddhesh-coder%2FHungryHub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siddhesh-coder%2FHungryHub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siddhesh-coder%2FHungryHub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/siddhesh-coder","download_url":"https://codeload.github.com/siddhesh-coder/HungryHub/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siddhesh-coder%2FHungryHub/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31415110,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T20:09:54.854Z","status":"ssl_error","status_checked_at":"2026-04-04T20:09:44.350Z","response_time":60,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","express","formik-yup","framer-motion","git","html5","javascript","jest","razorpay-payment","react","react-hooks","react-router","redux-toolkit","tailwindcss","testing-library","typescript","vscode"],"created_at":"2024-11-09T23:17:16.124Z","updated_at":"2026-04-04T21:31:42.006Z","avatar_url":"https://github.com/siddhesh-coder.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HungryHub - Food Delivery App ![React Badge](http://ForTheBadge.com/images/badges/built-with-love.svg)\n\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white\" alt=\"React Badge\"\u003e\n  \u003cbr\u003e\n  \u003ca style=\"margin-left: 15px\" href=\"https://hungryhub-food-delivery.vercel.app/\"\u003ehttps://hungryhub-food-delivery.vercel.app/\u003c/a\u003e\n\u003c/div\u003e\u003cbr\u003e\n\n**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.\n\n# Table of Contents\n\n1. [Hero Section Component](#hero-section-component)\n2. [Search Component](#search-component)\n3. [Category Component](#category-component)\n4. [Menu Component](#menu-component)\n5. [Cart Component](#cart-component)\n6. [Header Component](#header-component)\n7. [Auth Component](#auth-component)\n8. [Loader and Shimmer Component](#loader-and-shimmer-component)\n9. [Filters Component](#filters-component)\n10. [About and Help Component](#about-and-help-component)\n11. [Checkout Component](#checkout-component)\n12. [Network off Notification](#network-off-notification)\n13. [Tech Stack](#tech-stack)\n\n## Installation\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/siddhesh-coder/HungryHub.git\n```\n\n2. 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\n\n```bash\nnpm install\nnpm start\n```\n\n3. To run tests.\n\n```bash\nnpm watch-test\n```\n\n**Components:**\n\n# Hero Section Component:\n\n• Listing of restaurants, cuisines, and greeting with user name:\n\n• Layout: FlexBox\n\n![Hero Section](/Project%20UI/Home.png)\n\n#\n\n![Hero Section](/Project%20UI/Home2.png)\n\n#\n\n![Hero Section](/Project%20UI/Footer.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Search Component:\n\n• It provides a list of restaurants based on the input given by the user.\n\n• Debouncing which reduces the API call for every key stoke.\n\n![Hero Section](/Project%20UI/SearchBar.png)\n\n#\n\n![Hero Section](/Project%20UI/SearchBar2.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Category Component:\n\n• List of food items based on selected cuisine.\n\n![Hero Section](/Project%20UI/Category.png)\n\n#\n\n![Hero Section](/Project%20UI/Category2.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Menu Component:\n\n• List of menus based on the selected restaurant.\n\n• Child Component:\n\n1.  Carousal\n2.  Accordion\n\n![Menu Section](/Project%20UI/menu.png)\n\n#\n\n![Menu Section](/Project%20UI/Menu2.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Cart Component:\n\n• List of food items that the user has selected to purchase.\n\n• User can increment, decrement or remove the count of food in their cart.\n\n• The \"Clear Cart\" button is used to remove all the items from the cart.\n\n![Menu Section](/Project%20UI/Cart.png)\n\n#\n\n![Menu Section](/Project%20UI/ClearCart.png)\n\n#\n\n#\n\n# Header Component:\n\n• Navigate to different sections in the application.\n\n![Menu Section](/Project%20UI/header.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Auth Component:\n\n• User Authentication by using Formik(form handling) and yup(validation).\n\n![Menu Section](/Project%20UI/Login.png)\n\n#\n\n![Menu Section](/Project%20UI/Signup.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Loader and Shimmer Component:\n\n![Loader](/Project%20UI/foodload.gif)\n\n#\n\n\u003cvideo width=\"940\" height=\"360\" controls\u003e\n  \u003csource src=\"./Project UI/Shimmer.mp4\" type=\"video/mp4\"\u003e\n  Your browser does not support the video tag.\n\u003c/video\u003e\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Filters Component:\n\n• Based on filter it sort the list of restaurants\n\n![Filter](/Project%20UI/Filters.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# About and Help Component:\n\n![Filter](/Project%20UI/aboutus.png)\n\n#\n\n![Filter](/Project%20UI/help.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Checkout Component:\n\n![Filter](/Project%20UI/pay1.png)\n\n#\n\n![Filter](/Project%20UI/pay3.png)\n\n#\n\n![Filter](/Project%20UI/pay2.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Network off Notification:\n\n![Filter](/Project%20UI/netoff.png)\n\n#\n\n#\n\n[🔝 Back to Top](#table-of-contents)\n\n# Tech Stack:\n\n**Frontend:**\n\n![React Badge](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![React Badge](https://img.shields.io/badge/Redux-593D88?style=for-the-badge\u0026logo=redux\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black)\n![React Badge](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/Framer-black?style=for-the-badge\u0026logo=framer\u0026logoColor=blue)\n\n**Backend:**\n\n![React Badge](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge)\n\n**Authentication:**\n\n![React Badge](https://badgen.net/badge/authentication/Formik-and-Yup/orange?icon=firebase)\n\n**Payment Gateway:**\n\n![React Badge](https://img.shields.io/badge/Razorpay-02042B?style=for-the-badge\u0026logo=razorpay\u0026logoColor=3395FF)\n\n**Tests**\n\n![React Badge](https://img.shields.io/badge/Jest-323330?style=for-the-badge\u0026logo=Jest\u0026logoColor=white)\n![React Badge](https://img.shields.io/badge/testing%20library-323330?style=for-the-badge\u0026logo=testing-library\u0026logoColor=red)\n\n**IDE**\n\n![React Badge](https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge\u0026logo=visual%20studio%20code\u0026logoColor=white)\n\n**Linters**\n\n![React Badge](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge\u0026logo=prettier\u0026logoColor=F7BA3E)\n\n**Terminal**\n\n![React Badge](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n\n**Improvement**\n\n1. Enhance the styling and design of the components to create a more visually appealing interface.\n\n[🔝 Back to Top](#table-of-contents)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiddhesh-coder%2Fhungryhub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsiddhesh-coder%2Fhungryhub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiddhesh-coder%2Fhungryhub/lists"}