food-order 🍱

Developed by Grace Chen Abudi 👩🏽‍💻

📣 Overview:

Intro
Tech Stack
Techniques
How to Get Started
Additional Link

🔎 Intro:

Food Order App: A practice project in React, demonstrating a simple app for ordering food. Users can browse meals, add items to cart, and place orders seamlessly.

🧰 Tech Stack:

React
JavaScript
NodeJS + NodeJS Libraries
ExpressJS
CSS3
Vite

🛠️ Techniques:

React Hooks
React Context API
HTTP Requests
Responsive Layout
Reusable Custom Components
Debugging

✨ How to Get Started:

Clone Project:

git clone https://github.com/Chen-Abudi/food-order.git

Enter the project directory:

cd food-order

Install the Dependencies:

npm install

or in short

npm i

Do the same for the Backend, First enter the project directory:

cd backend

Then install the dependencies:

npm install

or in short

npm i

🧠 Don't forget to add gitignore to both directories!

🚀 Launch for the Frontend mode:

npm run dev

🚀 And in separate terminal, Launch the Backend server:

node app.js

🔗 Additional Link:

If you want to strengthen your knowledge and skills of React, Redux, and more... along the Best Practices, Feel free to check this course on Udemy by Maximilian Schwarzmüller:

Visit the Course 👉🏽 HERE !

Shoutout to Maximilian Schwarzmüller for this project design, all the lectures, the exercises, and the React course in Udemy. Mahalo, Thank you! 🌺