This is the first practice project for the Academind course React - The Complete Guide.

The objective of the project is to simulate a food order app, where the user can select the meals on the main page and finish his order at the cart modal. The finished orders are sent to a Firebase Realtime Database.

During the course, the instructor used css modules as a tool to style the components, however, aiming at a better organization of the code and easier maintenance, I decided to use the CSS in JS technique, implementing the styles with the styled-components library.

I also added more responsiveness to the project, since most people access the internet through their cell phones.

• React
• Styled Components
• Firebase

This instructions will allow you to get a copy of the project running on your local machine.

• Node.js
• Yarn

First, clone the git repository:

git clone https://github.com/RenatoMoratto/food-order-app.git

Then, access the repository and run yarn or npm i to install the dependencies.

Once the installation is complete, just type yarn start or npm start to start the development mode.