order-munchies🌮

This is a project from the Udemy course by Maximilian Schwarzmüller.
It is a food delivery app that provides menu and takes user details.
The styles are completely copied from the course.

Installation

This command clones the repo and installs all dependencies required to run the application.

git clone https://github.com/aggarwal-muskaan/food-order.git
cd [foldername]
npm install

Demo

Click here to see App in action.

Takeaway for Me

1. Firebase : The realtime database for fetching meals & storing user information.
2. CSS Modules : It's like .css file only but styles are scoped to a particular component.
   Read more about CSS Modules
3. ForwardRefs : I've learnt where to use Refs. Click here to know.
4. Portals : Before learning how to create one, I've always used third-party components for overlays.
   It really important to know where do we need Portals.
5. Fragment Tags : We must use it more often to save our DOM from irrelevant nodes.😉

Form-Validation

I've used Formik for validating user information while checkout.

What's next to Learn?

• More about useMemo() & useCallback() hook for optimization.
• Next.js

🙌Build with CSS Modules & React.js🙌