AkilaGunasekara / Reactjs-Food-Ordering-Web-Application-

0 stars 0 forks source link

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