Hungry Hub - Online foods hub.

Hungry Hub is an online platform built using React, Redux, and Firebase, which allows users to browse and cart food items from a variety of restaurants and place orders for home delivery. Users can sign up, browse the menus of different restaurants, add food items to their cart, and proceed to checkout. The platform integrates with Firebase to provide secure payment options and order tracking for users. With Hungry Hub, users can enjoy the convenience of online food ordering and get their favorite meals delivered straight to their doorstep.

Tech Stack

I used React, Redux, Firebase, Html, Javascript and css to build this Full Stack Project.

Full Stack

• React
• Redux
• Firebase
• JAVASCRIPT
• Html
• CSS

Dependencies

• react-router-dom
• @reduxjs/toolkit
• react-redux
• react-icons
• axios
• dotenv

Demo

Click here to Live Demo

💻 Getting Started

• To get star with this package first of all you have to clone the project ⬇️

git clone https://github.com/raihan2bd/hungry-hub.git

• Make sure you have firebase authenticate api key. See Firebase Rest Api documention

• Then you have to create a file called .env.local in your project root lavel and you have to add your api key as like as below

• Then Make sure you have install NodeJs.

• Then make sure you have install React on your local mechine if you want to use this project as localy.

• To install all the npm packages navigate the folder address on your terminal and enter the below command ⬇️

npm install

Usages

Note: Before enter the below command make sure you are in the right directory.

• After downloading the packages To build the project as a single executable just run the below command. ⬇️

npm run build

• After finishing the avove instructions you can see the project in your local mechine by entering the below command ⬇️

npm start

• Then you can see this project live on your browser by this link http://localhost:3000 or your given the port nuber you set for the project.

👥 Author

👤 Abu Raihan

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

⭐️ Show your support

Thanks for visiting my repository. Give a ⭐️ if you like this project!

🙏 Acknowledgments

I would like to thanks Microverse and Academind especially Maximilian Schwarzmüller who help me learn React and redux and help me to build this project.

📝 License

This project is MIT licensed.

Contribution

Your suggestions will be more than appreciated. If you want to suggest anything for this project feel free to do that. 🙂