https://github.com/chen-abudi/food-order
Food Order App: A React practice project demonstrating a simple app for ordering food. Users can browse menus, add items to cart, and place orders seamlessly.
https://github.com/chen-abudi/food-order
css3 expressjs javascript nodejs react vite
Last synced: 8 months ago
JSON representation
Food Order App: A React practice project demonstrating a simple app for ordering food. Users can browse menus, add items to cart, and place orders seamlessly.
- Host: GitHub
- URL: https://github.com/chen-abudi/food-order
- Owner: Chen-Abudi
- Created: 2024-04-28T20:41:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-01T15:36:48.000Z (over 1 year ago)
- Last Synced: 2024-12-30T20:27:42.096Z (10 months ago)
- Topics: css3, expressjs, javascript, nodejs, react, vite
- Language: JavaScript
- Homepage:
- Size: 3.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/Chen-Abudi/food-order.git
```
## Enter the project directory:
```bash
cd food-order
```
## Install the Dependencies:
```bash
npm install
```
**_or in short_**
```bash
npm i
```
## Do the same for the Backend, First enter the project directory:
```bash
cd backend
```
## Then install the dependencies:
```bash
npm install
```
**_or in short_**
```bash
npm i
```
## 🧠 Don't forget to add gitignore to both directories!
## 🚀 Launch for the Frontend mode:
```bash
npm run dev
```
## 🚀 And in separate terminal, Launch the Backend server:
```bash
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 !**](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)
**_`Shoutout to Maximilian Schwarzmüller for this project design, all the lectures, the exercises, and the React course in Udemy. Mahalo, Thank you!`_** 🌺