feat: implement auto-linting and commit agent with husky and chokidar support

Author: abdullahsadik00

.husky/pre-push

@@ -0,0 +1 @@
+npm run lint

frontend/react-hooks/use-callback/README.md

@@ -1,8 +1,38 @@
-# React + Vite
+# React Hooks: useCallback
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+## 🎯 Objective
+Master the `useCallback` hook to stabilize function references and optimize child component performance using `React.memo`.
 
-Currently, two official plugins are available:
+## 🛠 Tech Stack
+- **Languages:** JavaScript (ES6+)
+- **Frameworks/Libraries:** React.js
+- **Tools:** Vite, ESLint
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+## 🧠 Key Learnings
+- Preventing unnecessary child re-renders by memoizing callback functions.
+- Identifying when a function reference change causes performance bottlenecks.
+- Correctly identifying dependencies for memoized callbacks.
+
+## 🚀 Run Instructions
+
+### Prerequisites
+- Node.js v18+
+
+### Setup
+1. Navigate to this directory:
+   ```bash
+   cd frontend/react-hooks/use-callback
+   ```
+2. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+### Execution
+- Run the application:
+   ```bash
+   npm run dev
+   ```
+
+---
+*Generated using the SDE2 Learning-chunk Template.*

frontend/react-hooks/use-memo/README.md

@@ -1,8 +1,38 @@
-# React + Vite
+# React Hooks: useMemo
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+## 🎯 Objective
+Learn how to optimize React applications by memoizing expensive calculations and preventing unnecessary re-renders.
 
-Currently, two official plugins are available:
+## 🛠 Tech Stack
+- **Languages:** JavaScript (ES6+)
+- **Frameworks/Libraries:** React.js
+- **Tools:** Vite, ESLint
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+## 🧠 Key Learnings
+- Understanding the difference between memoization and caching.
+- When to use `useMemo` for performance optimization.
+- Managing the dependency array to ensure data consistency.
+
+## 🚀 Run Instructions
+
+### Prerequisites
+- Node.js v18+
+
+### Setup
+1. Navigate to this directory:
+   ```bash
+   cd frontend/react-hooks/use-memo
+   ```
+2. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+### Execution
+- Run the application:
+   ```bash
+   npm run dev
+   ```
+
+---
+*Generated using the SDE2 Learning-chunk Template.*

package-lock.json

@@ -4,10 +4,14 @@
   "description": "Professional SDE Learning Log",
   "main": "index.js",
   "scripts": {
-    "lint": "eslint . --ext .js"
+    "lint": "eslint . --ext .js",
+    "git-watch": "node scripts/git-watch-agent.js",
+    "prepare": "husky"
   },
   "devDependencies": {
-    "eslint": "^8.0.0"
+    "chokidar": "^5.0.0",
+    "eslint": "^8.0.0",
+    "husky": "^9.1.7"
   },
   "author": "Abdullah Sadik",
   "license": "MIT"

package.json

@@ -0,0 +1,72 @@
+const chokidar = require('chokidar');
+const { execSync } = require('child_process');
+const path = require('path');
+
+/**
+ * SDE Mastery: Git Watch Agent
+ * Automatically runs linting, auto-fixes errors, and commits on save.
+ */
+
+console.log('🚀 Git Watch Agent active. Monitoring for saves...');
+console.log('Standards: ESLint Auto-fix | Git Auto-commit');
+
+// Initialize watcher on domain directories
+const watcher = chokidar.watch(['frontend', 'backend', 'basics', 'database'], {
+    ignored: [
+        /(^|[\/\\])\../, // ignore dotfiles
+        '**/node_modules/**',
+        '**/dist/**',
+        '**/build/**'
+    ],
+    persistent: true,
+    ignoreInitial: true,
+    awaitWriteFinish: {
+        stabilityThreshold: 500,
+        pollInterval: 100
+    }
+});
+
+let isProcessing = false;
+
+watcher.on('change', (filePath) => {
+    if (isProcessing) return;
+    
+    // Only process JS/JSX files for linting/fixing
+    const ext = path.extname(filePath);
+    if (!['.js', '.jsx'].includes(ext)) return;
+
+    isProcessing = true;
+    const fileName = path.basename(filePath);
+
+    console.log(`\n[AGENT] Save detected: ${fileName}`);
+
+    try {
+        // 1. Run Lint and Auto-fix
+        console.log(`[LINT] Fixing ${fileName}...`);
+        try {
+            execSync(`npx eslint "${filePath}" --fix`, { stdio: 'inherit' });
+        } catch (lintError) {
+            console.warn(`[LINT] Warning: Some errors could not be auto-fixed.`);
+        }
+
+        // 2. Stage the file
+        execSync(`git add "${filePath}"`);
+
+        // 3. Check for changes (avoid empty commits)
+        const hasChanges = execSync('git diff --cached --name-only').toString().trim();
+        
+        if (hasChanges) {
+            const commitMsg = `style: auto-fix and track changes in ${fileName}`;
+            console.log(`[GIT] Committing: ${commitMsg}`);
+            execSync(`git commit -m "${commitMsg}"`, { stdio: 'inherit' });
+            console.log(`[DONE] ${fileName} synchronized.`);
+        } else {
+            console.log(`[SKIP] No changes detected after linting.`);
+        }
+
+    } catch (error) {
+        console.error(`[ERROR] Agent failed for ${fileName}:`, error.message);
+    } finally {
+        isProcessing = false;
+    }
+});