Food Ordering
This practice project, based on my ReactJS course knowledge, fetches a list of meals from a Firebase database. It allows customers to order meals by adding them to the cart, modifying the cart, and submitting orders. Although the checkout does not connect to an actual payment provider, the order data is submitted to a Firebase realtime database. The project is styled with SCSS, including global variables and animations. Local state is managed by `useState` and `useReducer` hooks, while global state is handled using Context API. Additionally, the logic for handling HTTP requests is outsourced into a custom hook.
Relevant links
Food Ordering
This practice project, based on my ReactJS course knowledge, fetches a list of meals from a Firebase database. It allows customers to order meals by adding them to the cart, modifying the cart, and submitting orders. Although the checkout does not connect to an actual payment provider, the order data is submitted to a Firebase realtime database. The project is styled with SCSS, including global variables and animations. Local state is managed by `useState` and `useReducer` hooks, while global state is handled using Context API. Additionally, the logic for handling HTTP requests is outsourced into a custom hook.