Add CI/CD workflow with linting, formatting, and build checks

.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: ['react-app', 'react-app/jest', 'prettier'],
+  rules: {
+    'no-console': 'warn',
+  },
+  ignorePatterns: ['build/', 'node_modules/', '/*.config.js'],
+};

.github/workflows/ci.yml

@@ -0,0 +1,101 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+      - 'feature/**'
+      - 'fix/**'
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint
+        run: npm run lint
+
+  format:
+    name: Format Check
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check Prettier formatting
+        run: npm run format:check
+
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    needs: [lint, format, typecheck]
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build application
+        run: npm run build
+        env:
+          # CI=false prevents React from treating warnings as errors
+          # This is necessary because react-scripts exits with error on any warning in CI mode
+          CI: false
+
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: build
+          path: build/
+          retention-days: 7
+
+  typecheck:
+    name: TypeScript Check
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run TypeScript compiler
+        run: npx tsc --noEmit

README.md

@@ -47,6 +47,34 @@ The page will reload when you make changes.
 
 You may also see any lint errors in the console.
 
+### Linting
+
+Run ESLint to check for code quality issues:
+
+```
+npm run lint
+```
+
+To automatically fix linting issues:
+
+```
+npm run lint:fix
+```
+
+### Formatting
+
+Check if code is properly formatted with Prettier:
+
+```
+npm run format:check
+```
+
+To automatically format all files:
+
+```
+npm run format
+```
+
 ### Testing
 
 To run the app in the interactive watch mode, run:
@@ -66,3 +94,16 @@ This builds the app for production to the `build` folder. It correctly bundles R
 The build is minified and the filenames include the hashes. Your app is ready to be deployed!
 
 See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+## CI/CD
+
+This project uses GitHub Actions for continuous integration. On every push and pull request to `main`, the following checks are automatically run:
+
+| Check | Description |
+|-------|-------------|
+| **Lint** | ESLint checks for code quality issues |
+| **Format** | Prettier formatting verification |
+| **TypeScript** | Type checking with `tsc --noEmit` |
+| **Build** | Verifies the application builds successfully |
+
+All checks must pass before merging pull requests.

backend/authMiddleware.js

@@ -1,19 +1,19 @@
 // filepath: /c:/projects/ZapVibes/tabs/backend/authMiddleware.js
 const authMiddleware = (req, res, next) => {
-    // Example: Check for a token in the request headers
-    const token = req.headers['authorization'];
-  
-    if (!token) {
-      return res.status(401).json({ message: 'Unauthorized' });
-    }
-  
-    // Verify the token (this is a placeholder, replace with actual token verification logic)
-    if (token !== 'your-secret-token') {
-      return res.status(401).json({ message: 'Unauthorized' });
-    }
-  
-    // If token is valid, proceed to the next middleware or route handler
-    next();
-  };
-  
-  module.exports = authMiddleware;
+  // Example: Check for a token in the request headers
+  const token = req.headers['authorization'];
+
+  if (!token) {
+    return res.status(401).json({ message: 'Unauthorized' });
+  }
+
+  // Verify the token (this is a placeholder, replace with actual token verification logic)
+  if (token !== 'your-secret-token') {
+    return res.status(401).json({ message: 'Unauthorized' });
+  }
+
+  // If token is valid, proceed to the next middleware or route handler
+  next();
+};
+
+module.exports = authMiddleware;

backend/server.js

@@ -20,17 +20,17 @@
     const data = fs.readFileSync(dataFilePath, 'utf8');
     return JSON.parse(data);
   } catch (error) {
     console.error('Error reading data file:', error);
     return { rewardName: 'sats' }; // Default reward name
   }
 };
 
 // Function to write data to the JSON file
-const writeData = (data) => {
+const writeData = data => {
   try {
     fs.writeFileSync(dataFilePath, JSON.stringify(data, null, 2));
   } catch (error) {
     console.error('Error writing data file:', error);
   }
 };
 
@@ -50,7 +50,10 @@
     const data = readData();
     data.rewardName = newRewardName;
     writeData(data);
-    res.send({ message: 'Reward name updated successfully', rewardName: data.rewardName });
+    res.send({
+      message: 'Reward name updated successfully',
+      rewardName: data.rewardName,
+    });
   } else {
     res.status(400).send({ message: 'Invalid reward name' });
   }
@@ -64,5 +67,5 @@
 });
 
 app.listen(port, () => {
   console.log(`Server is running on http://localhost:${port}`);
-});
+});