Update README.md

README.md

@@ -8,4 +8,60 @@ app_file: dist/index.html
 pinned: false
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+## Development Guide when using React frontend
+
+### 1️⃣ Prerequisites
+
+Make sure you have **Node.js** installed.
+
+You can check with:
+
+```bash
+node -v
+npm -v
+```
+
+---
+
+### 2️⃣ Install Dependencies (First Time Only)
+
+```bash
+npm install
+```
+
+This installs all required packages listed in `package.json`.
+
+---
+
+### 3️⃣ Run Locally (Development Mode)
+
+```bash
+npm run dev
+```
+
+- Starts the local development server  
+- Automatically reloads when files are edited  
+
+---
+
+### 4️⃣ Deploy to Hugging Face
+
+#### Build the production version:
+
+```bash
+npm run build
+```
+
+This generates the production build inside the `dist/` directory.
+
+#### Commit and push:
+
+```bash
+git add <files>
+git commit
+git push
+```
+
+⚠️ Make sure the `dist/` directory is included when adding to git.  
+⚠️ Even if you only changed the backend, you must still run `npm run build` when deploying or it will not update.
+