Food Ordering App 🍣

KA Suchi - Live Demo

A Complete ordering process website 📱 built to demonstrate the use of React components, React hooks, Cart data, Form Validation, Error handling and real UX.

This app was built with the intention of providing a clean and simple responsive web app for choosing meals from virtual sushi resturant's menu and ordering them with a real database. Feel free to reach out with any feedback.

• Database : Firebase receives each order after the customer submit it.

How to..

Click on (Add) in the items list then you can see the cart will pop up and the counter value will increase.

Click on cart button to review your order.

Click on (+ , -) buttons to edit your order.

You can see the full amount of your receipt and edit it easily.

Click on (Order) to show form inputs.

Enter your data and notice the form's validation.

After entering valid data click on (Submit).

You will see "Your order has been successfully sent", then you will be redirected to homepage again.

Framework Used

This project was generated with React version 18.0.0.

Development server

Run npm start. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Find app live here

Live Demo

Resources

I made this project in Maximilian's Full React Course. Resources: Full React Course - Maximilian. Made with love ❤️ by me.