Skip to content

Latest commit

 

History

History

practice-project-3

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
backend
backend
 
 
frontend
frontend
 
 
.eslintrc.json
.eslintrc.json
 
 
.prettierrc
.prettierrc
 
 
README.md
README.md
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

README.md

Practice Project: Food Order App

Key Topics

  • Building a Complete Project From The Ground Up
  • Building & Configuring Components
  • Using State & Context
  • Managing HTTP Requests & Side Effects

Running the Application

To run the application, follow these steps:

git clone https://github.com/ThomasCode92/react-complete-guide
cd complete-path/practice-project-3   # navigate to project folder
npm install     # install dependencies
npm run dev     # start development server

Open http://localhost:5173 in a browser to view the application.

Debugging the Frontend

To start the frontend application in debug mode when encountering a bug, follow these steps. First, execute the debug script by running the command npm run debug. Then, initiate the VS Code debugger by clicking the green play icon in the debug panel and select the Practice Project 3 configuration. This will open a Chrome browser connected to the debugger, enabling inspection and troubleshooting of the application with ease.