FoodHub Frontend Client

screenshot of FoodHub Frontend Client

FoodHub Frontend Client

Front-end for food delivery application created using reactjs along with redux and Material-UI, walkthrough -


The foodHub-frontend is a front-end for a food delivery application created using ReactJS. It utilizes Redux and Material-UI components to provide a user-friendly interface for food delivery services.


  • ReactJS: Utilizes the powerful ReactJS library to build dynamic and responsive user interfaces.
  • Redux: Uses Redux for managing the state of the application, allowing for efficient data flow and easy debugging.
  • Material-UI: Incorporates Material-UI components to create stylish and modern user interface elements.


To install and run the foodHub-frontend locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Run npm install in your terminal to install all the required dependencies.
  3. Replace the environment variables in the .env file with your own configurations.
  4. Add your Google API Key in the index.html file.
  5. Run npm start to start the local server.
  6. By default, the local server will start on port 3000.

Please note that the Google API key should have access to the Javascript Maps, Places API, and Geocoding API.


The foodHub-frontend is a ReactJS-based front-end for a food delivery application. It incorporates key features such as Redux for state management and Material-UI for creating modern user interface elements. By following the installation instructions, users can easily set up and run the front-end locally.


React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components


Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.