Food Ordering App with React.js
![Screenshot 2023-05-30 120843](https://github.com/AkilaGunasekara/Reactjs-Food-Ordering-Web-Application-/assets/79799727/9fc39b5a-09ae-4317-869a-21db3f31c6ac)
https://github.com/AkilaGunasekara/Reactjs-Food-Ordering-Web-Application-/assets/79799727/53490bfb-fcb8-4717-9ef5-f533824f59ab
Food Ordering App
This React.js project serves as a task assigned in a React course.
It involves creating an application where users can choose meals and add their desired quantities to a shopping cart.
The cart allows for easy management, displaying the unit price and total cost for each item in the order, as well as providing a grand total.
Installation
-git clone repo
-run npm install command to install dependencies
-and finally run npm run start command to run the project.
Subjects that are covered in the project
-State management with Context API + react reducers
- Module bundling and path configuring techniques with babel, react-app-rewired and customize-cra
- Usage of some built-in hooks like useContext(), useEffect(), useRef()
- Ref forwarding method using React.forwardRef()
- Portal feature using ReactDOM.createPortal()
- Styling with SCSS modules