Food Ordering App (React.js)

A very simple food ordering application built using ReactJS. Contains features like listing all available food items from the a database, adding food items to a cart and placing an order back to the database. Firebase was used as my test database to create this app.

Steps to run the application:

1. In the project directory, run this command in your respective terminal to install all required node modules:

npm install

2. Add your firebase realtime database urls in the following files. The standard URL format: <Database_URL>/json_file_name.json

• src/components/Cart/Cart.js @ Line 50. (for orders)
• src/components/Meals/AvailableMeals.js @ Line 34. (for food items)

The format for the food-items json file is shown below:

3. Finally, run this command to start the react app:

npm start

Snapshots:

Important Note: This application was built as a code-along with this course on Udemy. This project, though simple, helped me understand some of the newer and more advanced features of ReactJS.