Tommybuild · Oluwatomilola · Jan 25, 2026 · Jan 25, 2026
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
diff --git a/cache/test-failures b/cache/test-failures
@@ -1 +1 @@
-testDeposit_EventEmission|testEdgeCase_MaxUint256Deposit|testIntegration_EventSequence|testMultiUserFixture|testPause_AlreadyPaused_Reverts|testWithdraw_EventEmission
+testDeposit_PausedContract_Reverts|testDeposit_Validation_MaxUint256|testDeposit_Validation_PausedContract|testEdgeCase_MaxUint256Deposit|testIntegration_FullDepositWithdrawFlow|testOwnership_NonOwnerTransfer_Reverts|testOwnership_TransferToZeroAddress_Reverts|testOwnership_Validation_NonOwner|testOwnership_Validation_ZeroAddress|testPause_AlreadyPaused_Reverts|testPause_NonOwner_Reverts|testPause_Validation_AlreadyPaused|testPause_Validation_NonOwner|testReentrancy_ExternalCallProtection|testTimeLock_JustBeforeUnlock|testUnpause_NonOwner_Reverts|testUnpause_NotPaused_Reverts|testUnpause_Validation_NonOwner|testUnpause_Validation_NotPaused|testWithdraw_BeforeUnlock_Reverts|testWithdraw_NotOwner_Reverts|testWithdraw_PausedContract_Reverts|testWithdraw_Validation_OnlyOwner|testWithdraw_Validation_PausedContract|testWithdraw_Validation_TimeLock|testAccessControls|testAllIntegrationFeatures|testAllSecurityFeatures|testContractPausing|testCustomErrors|testDepositLimits|testDirectETHTransfers|testEmergencyMode|testEventEmissions|testFullDepositWithdrawCycle|testMultipleDepositsSameUser|testReentrancyProtection|testStatisticsTracking
diff --git a/frontend/index.html b/frontend/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ajo PiggyBank</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/frontend/package.json b/frontend/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "ajo-piggybank-frontend",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage"
+  },
+  "dependencies": {
+    "@reown/appkit": "^1.0.0",
+    "@reown/appkit-adapter-wagmi": "^1.0.0",
+    "@tanstack/react-query": "^5.45.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "viem": "^2.17.3",
+    "wagmi": "^2.12.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "@vitest/coverage-v8": "^2.0.5",
+    "@vitest/ui": "^2.0.5",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^9.8.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.11",
+    "jsdom": "^25.0.0",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.4",
+    "typescript": "^5.5.3",
+    "vite": "^7.0.0",
+    "vitest": "^2.0.5"
+  }
+}
diff --git a/frontend/playwright.config.ts b/frontend/playwright.config.ts
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
@@ -1,5 +1,6 @@
 export default {
   plugins: {
-    '@tailwindcss/postcss': {},
+    tailwindcss: {},
+    autoprefixer: {},
   },
 }
diff --git a/frontend/scripts/switch-env.ps1 b/frontend/scripts/switch-env.ps1
@@ -0,0 +1,27 @@
+param(
+    [Parameter(Mandatory=$true)]
+    [ValidateSet("local", "sepolia", "mainnet")]
+    [string]$Environment
+)
+
+if ($Environment -eq "local") {
+    Write-Host "Switching to local development environment (Anvil)"
+    @"
+VITE_REOWN_PROJECT_ID=your_reown_project_id_here
+VITE_PIGGYBANK_ADDRESS=0x5FbDB2315678afecb367f032d93F642f64180aa3
+"@ | Out-File -FilePath .env -Encoding UTF8
+} elseif ($Environment -eq "sepolia") {
+    Write-Host "Switching to Base Sepolia testnet"
+    @"
+VITE_REOWN_PROJECT_ID=your_reown_project_id_here
+VITE_PIGGYBANK_ADDRESS=deployed_sepolia_address
+"@ | Out-File -FilePath .env -Encoding UTF8
+} elseif ($Environment -eq "mainnet") {
+    Write-Host "Switching to Base mainnet"
+    @"
+VITE_REOWN_PROJECT_ID=your_reown_project_id_here
+VITE_PIGGYBANK_ADDRESS=deployed_mainnet_address
+"@ | Out-File -FilePath .env -Encoding UTF8
+}
+
+Write-Host "Environment switched to $Environment"
diff --git a/frontend/scripts/switch-env.sh b/frontend/scripts/switch-env.sh
@@ -0,0 +1,28 @@
+#!/bin/bash
+
+ENV=$1
+
+if [ "$ENV" = "local" ]; then
+  echo "Switching to local development environment (Anvil)"
+  cat > .env << EOF
+VITE_REOWN_PROJECT_ID=your_reown_project_id_here
+VITE_PIGGYBANK_ADDRESS=0x5FbDB2315678afecb367f032d93F642f64180aa3
+EOF
+elif [ "$ENV" = "sepolia" ]; then
+  echo "Switching to Base Sepolia testnet"
+  cat > .env << EOF
+VITE_REOWN_PROJECT_ID=your_reown_project_id_here
+VITE_PIGGYBANK_ADDRESS=deployed_sepolia_address
+EOF
+elif [ "$ENV" = "mainnet" ]; then
+  echo "Switching to Base mainnet"
+  cat > .env << EOF
+VITE_REOWN_PROJECT_ID=your_reown_project_id_here
+VITE_PIGGYBANK_ADDRESS=deployed_mainnet_address
+EOF
+else
+  echo "Usage: $0 {local|sepolia|mainnet}"
+  exit 1
+fi
+
+echo "Environment switched to $ENV"
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
@@ -1,7 +1,25 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
@@ -1,26 +1,10 @@
 {
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
+    "composite": true,
     "skipLibCheck": true,
-
-    /* Bundler mode */
+    "module": "ESNext",
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]
-}
+}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		testDeposit_EventEmission\|testEdgeCase_MaxUint256Deposit\|testIntegration_EventSequence\|testMultiUserFixture\|testPause_AlreadyPaused_Reverts\|testWithdraw_EventEmission
		testDeposit_PausedContract_Reverts\|testDeposit_Validation_MaxUint256\|testDeposit_Validation_PausedContract\|testEdgeCase_MaxUint256Deposit\|testIntegration_FullDepositWithdrawFlow\|testOwnership_NonOwnerTransfer_Reverts\|testOwnership_TransferToZeroAddress_Reverts\|testOwnership_Validation_NonOwner\|testOwnership_Validation_ZeroAddress\|testPause_AlreadyPaused_Reverts\|testPause_NonOwner_Reverts\|testPause_Validation_AlreadyPaused\|testPause_Validation_NonOwner\|testReentrancy_ExternalCallProtection\|testTimeLock_JustBeforeUnlock\|testUnpause_NonOwner_Reverts\|testUnpause_NotPaused_Reverts\|testUnpause_Validation_NonOwner\|testUnpause_Validation_NotPaused\|testWithdraw_BeforeUnlock_Reverts\|testWithdraw_NotOwner_Reverts\|testWithdraw_PausedContract_Reverts\|testWithdraw_Validation_OnlyOwner\|testWithdraw_Validation_PausedContract\|testWithdraw_Validation_TimeLock\|testAccessControls\|testAllIntegrationFeatures\|testAllSecurityFeatures\|testContractPausing\|testCustomErrors\|testDepositLimits\|testDirectETHTransfers\|testEmergencyMode\|testEventEmissions\|testFullDepositWithdrawCycle\|testMultipleDepositsSameUser\|testReentrancyProtection\|testStatisticsTracking