Simple react app that allows user to add to cart, increase and decrease amount and see the dynamic total amount.
Link to project: https://marveeeen.github.io/react-food-app/
Tech used: Vite, React
A simple food app built with Vite for initial folder structure and React for front-end.
- Dynamic UI components
- Modal and backdrop techniques using portals
- The use of useReducer for complex state handling
- useContext for allowing components to consume state without prop chaining
- forwardRef for allowing parent components to access child references
To run this app locally, follow these steps:
- Clone the retory:
git clone https://github.com/Marveeeen/react-food-app.git
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser to http://127.0.0.1:5173/react-food-app/ to view the app.