refactor: architectural standardization and atomic components test coverageDevelop

.dockerignore

@@ -0,0 +1,41 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Dependencies and Build
+node_modules
+dist
+dist-ssr
+*.local
+coverage
+build
+
+# Editor directories and IDEs
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.vscode
+
+# dotenv environment variable files
+.env
+.env.*
+.env.local
+
+# CI & Testing
+.github
+src/tests
+**/*.test.tsx
+**/*.test.ts
+
+# Temp
+.temp
+.tmp

.gitignore

@@ -11,6 +11,8 @@ node_modules
 dist
 dist-ssr
 *.local
+coverage
+build
 
 # Editor directories and files
 .idea

Dockerfile

@@ -0,0 +1,31 @@
+# --- STAGE 1: Build ---
+# We use a lightweight Node image to build the app
+FROM node:25-alpine3.19 AS builder
+
+WORKDIR /app
+
+# 1. We copy the dependency files to leverage Docker's caching
+COPY package*.json ./
+RUN npm install
+
+# 2. We copy the rest of the project files
+COPY . .
+
+# 3. We run the build (this uses the tsconfig.json we already fixed)
+RUN npm run build
+
+# --- STAGE 2: Production ---
+FROM nginx:1.27.11-alpine3.21
+
+# Update OS packages to reduce known vulnerabilities at build time
+RUN apk update && apk upgrade --no-cache && rm -rf /var/cache/apk/*
+
+# 4. We copy only the built files (dist) from the previous stage
+# This makes the final image extremely small (approx 20-40MB)
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# 5. We expose port 80
+EXPOSE 80
+
+# 6. We start Nginx
+CMD ["nginx", "-g", "daemon off;"]

eslint.config.js

@@ -6,7 +6,7 @@ import tseslint from 'typescript-eslint'
 import { defineConfig, globalIgnores } from 'eslint/config'
 
 export default defineConfig([
-  globalIgnores(['dist']),
+  globalIgnores(['dist', 'node_modules', 'build', 'coverage']),
   {
     files: ['**/*.{ts,tsx}'],
     extends: [

package.json

@@ -33,6 +33,7 @@
     "@types/react-dom": "^19.2.3",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.5",
     "autoprefixer": "^10.4.27",
     "eslint": "^9.39.4",
     "eslint-plugin-react-hooks": "^7.0.1",

src/app/providers/AuthProvider.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useAuthStore } from '@/features/auth/store/authStore';
+import { useAuthStore } from '@/features/auth';
 
 export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
   const checkAuth = useAuthStore((s) => s.actions.checkAuth); // A function that checks the token in localStorage/cookies

src/app/providers/index.ts

@@ -0,0 +1,2 @@
+export * from './AuthProvider';
+export * from './MainProvider';

src/app/routes/AppRouter.tsx

@@ -1,11 +1,11 @@
 import { createBrowserRouter } from 'react-router-dom';
 import { ProtectedGuard, PublicGuard } from './RouteGuards';
-import { lazyImport } from '@/shared/utils/LazyImport';
+import { lazyImport } from '@/shared/utils';
 
 // Pages
-const LoginPage = lazyImport(() => import('@/features/auth/pages/LoginPage'), 'LoginPage');
-const RegisterPage = lazyImport(() => import('@/features/auth/pages/RegisterPage'), 'RegisterPage');
-const DashboardPage = lazyImport(() => import('@/features/tasks/pages/DashboardPage'), 'DashboardPage');
+const LoginPage = lazyImport(() => import('@/features/auth'), 'LoginPage');
+const RegisterPage = lazyImport(() => import('@/features/auth'), 'RegisterPage');
+const DashboardPage = lazyImport(() => import('@/features/tasks'), 'DashboardPage');
 
 export const router = createBrowserRouter([
   {

src/app/routes/RouteGuards.tsx

@@ -1,5 +1,5 @@
 import { Navigate, Outlet } from 'react-router-dom';
-import { useAuthStore } from '@/features/auth/store/authStore';
+import { useAuthStore } from '@/features/auth';
 
 export const ProtectedGuard = () => {
   const isAuth = useAuthStore(s => s.isAuthenticated);