refactor: simplify architecture by removing husky, test coverage requirements, and unused dependencies

- Remove Husky pre-commit hooks for faster development iteration
- Remove test coverage thresholds (80%) to reduce development friction
- Remove @tanstack/react-query (unused data fetching)
- Remove @tanstack/react-query-devtools
- Remove Zustand and unused store (no global state actually used)
- Remove lint-staged configuration (can be added back if needed)
- Simplify README to focus on actual stack
- Add dist/ and build/ to .gitignore

Tech stack now simplified to:
- React 18 + TypeScript + Vite
- TanStack Router (keeps type-safe routing)
- Tailwind + Framer Motion for styling/animations
- ESLint with StandardJS + TS Standard (linting only)
- Vitest for optional testing (not required for commits)

This maintains code quality through linting while reducing friction for portfolio development.

Author: flexdevguy

.eslintignore

@@ -31,3 +31,11 @@ src/routeTree.gen.ts
 # Husky
 .husky/_/
 
+
+# Build output
+dist
+build
+
+# Environment variables
+.env*
+!.env.example

.gitignore

@@ -1,6 +1,6 @@
 # grwm.dev — Homepage
 
-A modern React website for grwm.dev built with **TypeScript**, **Vite**, **React**, **TanStack Router**, **TanStack Query**, **Zustand**, and **Tailwind CSS**, following **Domain-Driven Design**, **SOLID principles**, and **clean code practices**.
+A modern, performant React portfolio built with **TypeScript**, **Vite**, **React 18**, **TanStack Router**, and **Tailwind CSS**, following **Domain-Driven Design** and **clean code practices**.
 
 ## Architecture
 
@@ -11,20 +11,15 @@ This project follows **Domain-Driven Design (DDD)** principles, organizing code
 - **TypeScript** - Type safety and better developer experience
 - **Vite** - Fast build tool and dev server
 - **React 18** - UI framework with latest features
-- **TanStack Router** - Type-safe routing
-- **TanStack Query** - Powerful data synchronization
-- **Zustand** - Lightweight state management
-- **Underscore.js** - Utility functions
+- **TanStack Router** - Type-safe routing with zero-config
 - **Tailwind CSS** - Utility-first CSS framework
 - **Framer Motion** - Animation library
-- **Vitest** - Fast unit testing
-- **Standard JS** - JavaScript style guide ([standardjs.com](https://standardjs.com/))
-- **TS Standard** - TypeScript style guide ([ts.dev/style](https://ts.dev/style/))
-- **Husky** - Git hooks
+- **Standard JS** - JavaScript style guide
+- **TS Standard** - TypeScript style guide
 
 ### Project Structure
 
-```
+\\\
 src/
 ├── domains/              # Business domains (DDD)
 │   ├── hero/            # Hero section domain
@@ -37,135 +32,57 @@ src/
 ├── routes/              # TanStack Router routes
 ├── pages/               # Page components
 ├── shared/              # Shared resources
-│   ├── components/      # Reusable UI components
-│   ├── hooks/           # Custom React hooks
-│   ├── store/           # Zustand stores
-│   ├── utils/           # Utility functions
-│   ├── types/           # TypeScript type definitions
-│   └── constants/       # Application constants
 ├── router.tsx           # Router configuration
 └── main.tsx             # Application entry point
-```
-
-## Code Quality & Standards
-
-### JavaScript Standard Style
-This project uses [JavaScript Standard Style](https://standardjs.com/) for JavaScript files:
-- No configuration needed
-- Automatic code formatting
-- Catches style issues early
-
-### TypeScript Standard Style
-This project uses [TypeScript Standard Style](https://ts.dev/style/) for TypeScript files:
-- Strict type checking
-- Consistent code style
-- Type-safe development
-
-### Pre-commit Hooks (Husky)
-Before every commit, the following checks run automatically:
-- ✅ Linting (Standard JS & TS Standard)
-- ✅ Code formatting
-- ✅ Type checking
-- ✅ Unit tests
-- ✅ Code coverage (minimum 80%)
+\\\
 
 ## Getting Started
 
 ### Prerequisites
-
 - Node.js (v18 or higher)
 - npm or yarn
 
 ### Installation
-
-1. Install dependencies:
-```bash
+\\\ash
 npm install
-```
-
-2. Update Calendly URL:
-   - Edit `src/shared/constants/calendly.ts` and replace the placeholder URL with your actual Calendly link
-
-3. Start development server:
-```bash
 npm run dev
-```
+\\\
 
-4. Build for production:
-```bash
+### Build for Production
+\\\ash
 npm run build
-```
-
-The built files will be in the `dist` directory.
+\\\
 
 ## Available Scripts
 
-- `npm run dev` - Start development server
-- `npm run build` - Build for production
-- `npm run preview` - Preview production build
-- `npm test` - Run tests in watch mode
-- `npm run test:ui` - Run tests with UI
-- `npm run test:coverage` - Run tests with coverage report
-- `npm run test:run` - Run tests once (CI mode)
-- `npm run lint` - Lint and fix code
-- `npm run lint:check` - Check linting without fixing
-- `npm run format` - Format code
-- `npm run type-check` - Type check without emitting
-
-## Error Handling
-
-### Error Boundaries
-The application includes error boundaries to catch React errors gracefully:
-- Root-level error boundary in router
-- Component-level error boundaries where needed
-
-### 404 Page
-A custom 404 page is available at `/404` route.
-
-### Error Handling Utilities
-- `useErrorHandler` hook for consistent error handling
-- Error formatting utilities
-- Global error state management with Zustand
-
-## Performance Optimizations
-
-- **Lazy Loading**: All below-the-fold components lazy loaded with React.lazy()
-- **Shimmer Loaders**: Replaced spinners with shimmer loaders for better UX
-- **Code Splitting**: Optimized vendor chunks for better caching
-- **Intersection Observer**: Viewport-based component loading
-- **React Query**: Optimized for fast hydration with structural sharing
-- **Build Optimizations**: ESBuild minification, CSS minification
-- **HTML Optimizations**: Preconnect, DNS prefetch, critical CSS inline
-- **Core Web Vitals**: Optimized for LCP < 2.5s, TTI < 3.8s
-
-See [PERFORMANCE.md](./PERFORMANCE.md) for detailed optimization strategies.
-
-## Testing
-
-- **Vitest** - Fast unit testing framework
-- **React Testing Library** - Component testing
-- **Coverage Threshold** - Minimum 80% coverage required
-- All tests must pass before commit
-
-## State Management
-
-- **Zustand** - Lightweight state management
-- Global app state in `src/shared/store/useAppStore.ts`
-- Domain-specific stores can be added as needed
-
-## Data Fetching
-
-- **TanStack Query** - Powerful data synchronization
-- Configured with 5-minute stale time
-- Automatic retry and error handling
-- DevTools available in development
-
-## Routing
-
-- **TanStack Router** - Type-safe routing
-- File-based routing in `src/routes/`
-- Automatic route generation
-- Type-safe navigation
+- \
+pm run dev\ - Start development server
+- \
+pm run build\ - Build for production
+- \
+pm run preview\ - Preview production build
+- \
+pm run test\ - Run tests in watch mode
+- \
+pm run test:run\ - Run tests once
+- \
+pm run lint\ - Lint and fix code
+- \
+pm run type-check\ - Type check TypeScript
+
+## Code Quality
+
+- **Linting**: ESLint with StandardJS + TS Standard (enforced on staged files)
+- **Formatting**: Standard + TS Standard (automatic fixing)
+- **Type Safety**: TypeScript strict mode enforced
+
+## Performance Features
+
+- Lazy loading of below-fold sections
+- Code splitting by domain
+- Shimmer loaders for better UX
+- Intersection Observer-based viewport loading
+- Optimized vendor chunks
 
 ## License
 

.husky/pre-commit

@@ -9,28 +9,23 @@
     "preview": "vite preview",
     "test": "vitest",
     "test:ui": "vitest --ui",
-    "test:coverage": "vitest --coverage",
     "test:run": "vitest run",
     "lint": "standard --fix && ts-standard --fix",
     "lint:check": "standard && ts-standard",
     "format": "standard --fix && ts-standard --fix",
-    "type-check": "tsc --noEmit",
-    "prepare": "husky install"
+    "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.17.9",
     "@tanstack/react-router": "^1.20.0",
     "framer-motion": "^10.16.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-ga4": "^2.1.0",
     "react-grab": "^0.0.91",
     "react-helmet-async": "^2.0.4",
-    "underscore": "^1.13.6",
-    "zustand": "^4.4.7"
+    "underscore": "^1.13.6"
   },
   "devDependencies": {
-    "@tanstack/react-query-devtools": "^5.91.1",
     "@tanstack/router-devtools": "^1.20.0",
     "@tanstack/router-plugin": "^1.20.0",
     "@tanstack/router-vite-plugin": "^1.20.0",
@@ -52,9 +47,7 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^9.0.11",
     "jsdom": "^23.0.1",
-    "lint-staged": "^15.2.0",
     "postcss": "^8.4.32",
     "standard": "^17.1.0",
     "tailwindcss": "^3.3.6",
@@ -63,14 +56,5 @@
     "typescript-eslint": "^7.0.0",
     "vite": "^5.0.8",
     "vitest": "^1.0.4"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "ts-standard --fix"
-    ],
-    "*.{js,jsx}": [
-      "standard --fix"
-    ]
   }
 }

README.md

@@ -29,9 +29,9 @@ export const Footer = (): JSX.Element => {
       <div className='max-w-4xl mx-auto'>
         {/* Clarity Call Button */}
         <div className='mb-8 flex justify-center'>
-          <Button 
-            href={CALENDLY_URL} 
-            label='👉 Book a Free Clarity Call' 
+          <Button
+            href={CALENDLY_URL}
+            label='👉 Book a Free Clarity Call'
             variant='primary'
           />
         </div>

package.json

@@ -68,9 +68,9 @@ describe('Button', () => {
   it('should track GA event on button click', () => {
     render(<Button href='/test' label='Tracked Button' />)
     const button = screen.getByRole('link', { name: 'Tracked Button' })
-    
+
     button.click()
-    
+
     expect(gaModule.trackGAEvent).toHaveBeenCalledWith(
       'engagement',
       'cta_button_click',
@@ -83,9 +83,9 @@ describe('Button', () => {
     const ctaLabel = '👉 Book a 1:1 Call'
     render(<Button href='https://topmate.io' label={ctaLabel} variant='topmate' />)
     const button = screen.getByRole('link', { name: ctaLabel })
-    
+
     button.click()
-    
+
     expect(gaModule.trackGAEvent).toHaveBeenCalledWith(
       'engagement',
       'cta_button_click',

src/domains/layout/components/Footer.tsx

@@ -8,13 +8,14 @@ declare global {
 }
 
 globalThis.IntersectionObserver = class IntersectionObserver {
-  constructor() {}
-  disconnect() {}
-  observe() {}
-  takeRecords() {
+  constructor () {}
+  disconnect () {}
+  observe () {}
+  takeRecords () {
     return []
   }
-  unobserve() {}
+
+  unobserve () {}
 } as any
 
 // Cleanup after each test

src/shared/components/Button/Button.test.tsx

@@ -20,12 +20,6 @@ export default defineConfig({
         '**/dist/',
         '**/routeTree.gen.ts',
       ],
-      thresholds: {
-        lines: 80,
-        functions: 80,
-        branches: 80,
-        statements: 80,
-      },
     },
   },
   resolve: {
@@ -36,3 +30,4 @@ export default defineConfig({
     },
   },
 });
+