FOOD ORDERING WEBSITE USING REACTJS

Features:

Here's features included in this project

• Home Page
• Menu Page
• Mobile-App Page
• Footer
• Cart
• Place Order Page

---

Software Requirements

Development Tools:

• Node.js: For running JavaScript on the server and for using npm to manage project dependencies.
• npm (Node Package Manager): Comes with Node.jsfor managing packages.
• VS Code: A powerful code editor for development.

Frameworks and Libraries:

• React: For building the frontend of the web application.
• Vite: A fast build tool for modern web projects.
• ESLint: For linting and ensuring code quality.

Styling:

• CSS: For styling the application.

---

How to run the website

• Step 1: Create a folder "food-ordering-website"

• Step 2: Install NodeJs, If you haven't installed NodeJs, download it from the official website.

• Step 3: Create a new Vite Project inside the "food-ordering-website" folder

  npm create vite@latest frontend --template

• Step 4: Select a framework: select the React framework here using the downward arrow key.

  Vanilla
  Vue
  **React**
  Preact
  Lit
  Svelte
  Solid
  Qwik
  Others
  

• Step 5: Select Variant: choose any variant of your choice using the downward arrow key,i.e: choose JavaScript

  TypeScript
  TypeScript + SWC
  **JavaScript**
  JavaScript + SWC
  

• Step 6: Now, switch to food-ordering-website directory cd frontend

• Step 7: Install Dependencies npm install

• Step 8: Download the frontend folder

• Step 9: After downloading the folder copy or cut the following folders/files and paste them into the src folder of frontend:

          - assests
          - components
          - context
          - pages
          - App.css
          - App.jsx
          - index.css
          - main.jsx
  

• Step 10: From the assests folder in the src folder copy the header_img.png and paste into the public folder of the frontend folder

• Step 11: Open the Terminal on "Food Delivery" folder

• Step 12: Then write this command cd frontend

• Step 13: Run this command npm run dev