120155 ali abou abbas

.github/workflows/ci-cd.yml

@@ -0,0 +1,50 @@
+name: CI/CD Pipeline
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - run: npm ci
+      - run: npm run lint
+      - run: npm run format:check
+      - run: npm test
+      - run: npm run build
+
+      - run: |
+          mkdir -p logs
+          echo "Build at $(date)" > logs/build.log
+
+      - uses: actions/upload-artifact@v4
+        with:
+          name: build-logs
+          path: logs/
+
+      - uses: actions/upload-artifact@v4
+        with:
+          name: github-pages   # <- CHANGED
+          path: demo/          # <- points to your demo folder
+
+  cd:
+    needs: ci
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main'
+
+    steps:
+      - uses: actions/deploy-pages@v4

README.md

@@ -79,7 +79,7 @@ Create a `.github/workflows/ci-cd.yml` file that:
 1. Go to your repository **Settings**
 2. Navigate to **Pages** (in the left sidebar)
 3. Under **Source**, select **GitHub Actions**
-4. Push your workflow file to trigger the first deployment
+4. Push your workflow file to trigger the first deployment.
 
 ### 6. Test Your Pipeline
 

package.json

@@ -9,7 +9,8 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier --write .",
-    "format:check": "prettier --check ."
+    "format:check": "prettier --check \"src/**/*.{js,ts,jsx,tsx,json,css,html,md}\""
+
   },
   "devDependencies": {
     "eslint": "^9.39.2",