feat: add pages login and register

.husky/pre-commit

@@ -0,0 +1,4 @@
+pnpm exec lint-staged
+pnpm lint:fsd:frontend
+pnpm typecheck:backend
+pnpm typecheck:frontend

.prettierignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+build
+.next
+coverage
+pnpm-lock.yaml
+*.tsbuildinfo

.prettierrc

@@ -1,8 +1,8 @@
 {
-    "semi": true,
-    "trailingComma": "es5",
-    "singleQuote": true,
-    "printWidth": 100,
-    "tabWidth": 2,
-    "endOfLine": "auto"
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "endOfLine": "auto"
 }

apps/backend/package.json

@@ -18,6 +18,7 @@
     "test": "jest",
     "test:ci": "jest --runInBand",
     "lint": "eslint .",
+    "lint:fix": "eslint --fix",
     "format": "prettier --write .",
     "format:check": "prettier --check ."
   },

apps/frontend/app/auth/layout.tsx

@@ -0,0 +1,13 @@
+export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <main className="min-h-screen flex items-center justify-center bg-gray-100">
+      <div className="w-full max-w-md p-8 bg-white rounded-xl shadow">
+        {children}
+      </div>
+    </main>
+  )
+}

apps/frontend/app/auth/login/page.tsx

@@ -0,0 +1,7 @@
+import LoginForm from "../../features/auth/login/ui/LoginForm";
+
+export default function LoginPage() {
+  return (
+    <LoginForm />
+  );
+}

apps/frontend/app/auth/register/page.tsx

@@ -0,0 +1,8 @@
+import RegisterForm from "../../features/auth/register/ui/RegisterForm"
+export default function RegisterPage({ children }: { children: React.ReactNode }) {
+  return (
+    <div>
+        <RegisterForm />
+    </div>
+  );
+}

apps/frontend/app/features/auth/login/ui/LoginForm.tsx

@@ -0,0 +1,70 @@
+'use client';
+import Link from 'next/link';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+
+const formSchema = z.object({
+  email: z.email('Неверный формат email'),
+  password: z.string().min(6, 'Минимум 6 символов').max(32, 'Слишком длинный пароль'),
+});
+
+type FormState = z.infer<typeof formSchema>;
+
+export default function LoginForm() {
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors },
+  } = useForm({
+    resolver: zodResolver(formSchema),
+    mode: 'onChange',
+  });
+  const onSubmit = (data: FormState): void => {
+    console.log(data);
+    reset();
+  };
+  return (
+    <div>
+      <h1 className="text-2xl font-semibold mb-2"># Task-tracker</h1>
+
+      <h2 className="text-lg font-medium mb-4">С возвращением</h2>
+
+      <form className="space-y-2 mb-4" onSubmit={handleSubmit(onSubmit)}>
+        <div>
+          <p>Почта</p>
+          <input
+            {...register('email')}
+            type="email"
+            placeholder="example@company.com"
+            className="w-full border rounded px-3 py-2"
+          />
+          {errors.email && <p className="text-red-500 text-sm">{errors.email.message}</p>}
+        </div>
+        <div>
+          <p>Пароль</p>
+          <input
+            {...register('password')}
+            type="password"
+            placeholder="Введите пароль"
+            className="w-full border rounded px-3 py-2"
+          />
+        </div>
+        {errors.password && <p className="text-red-500 text-sm">{errors.password.message}</p>}
+        <button className="w-full bg-blue-600 text-white py-2 rounded">Войти</button>
+      </form>
+      <div className="flex flex-col justify-center items-center gap-10">
+        <Link className="text-blue-700" href="/auth/reset-password">
+          Забыли пароль?
+        </Link>
+        <div className="flex gap-2">
+          <p className="text-gray-500">Нет аккаунта?</p>
+          <Link className="text-blue-700" href="/auth/register">
+            Зарегистрироваться
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}

apps/frontend/app/features/auth/register/ui/RegisterForm.tsx

@@ -0,0 +1,70 @@
+"use client"
+
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+
+const formSchema = z.object({
+  email: z.email('Неверный формат email'),
+  name: z.string().min(2, 'Слишком короткое имя').max(15, 'Слишком длинное имя'),
+  password: z.string().min(6, 'Минимум 6 символов').max(32, 'Слишком длинный пароль'),
+});
+
+type FormState = z.infer<typeof formSchema>;
+
+export default function RegisterForm() {
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors },
+  } = useForm({
+    resolver: zodResolver(formSchema),
+    mode: 'onChange',
+  });
+  const onSubmit = (data: FormState): void => {
+    console.log(data);
+    reset();
+  };
+  return (
+    <div>
+      <h1 className="text-2xl font-semibold mb-2"># Task-tracker</h1>
+
+      <h2 className="text-lg font-medium mb-4">С возвращением</h2>
+
+      <form className="space-y-2 mb-4" onSubmit={handleSubmit(onSubmit)}>
+        <div>
+          <p>Почта</p>
+          <input
+            {...register("email")}
+            type="email"
+            placeholder="example@company.com"
+            className="w-full border rounded px-3 py-2"
+          />
+          {errors.email && <p className="text-red-500 text-sm">{errors.email.message}</p>}
+        </div>
+        <div>
+          <p>Имя</p>
+          <input
+            {...register("name")}
+            type="text"
+            placeholder="example"
+            className="w-full border rounded px-3 py-2"
+          />
+          {errors.name && <p className="text-red-500 text-sm">{errors.name.message}</p>}
+        </div>
+        <div>
+          <p>Пароль</p>
+          <input
+            {...register("password")}
+            type="password"
+            placeholder="Введите пароль"
+            className="w-full border rounded px-3 py-2"
+          />
+          {errors.password && <p className="text-red-500 text-sm">{errors.password.message}</p>}
+        </div>
+        <button className="w-full bg-blue-600 text-white py-2 rounded">Зарегистрироваться</button>
+      </form>
+    </div>
+  );
+}

apps/frontend/next-env.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 /// <reference types="next/navigation-types/compat/navigation" />
-import './.next/types/routes.d.ts';
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

docker-compose.yml

@@ -1,22 +1,22 @@
 services:
-    postgres:
-        container_name: postgres
-        image: postgres:latest
-        restart: always
-        environment:
-            POSTGRES_USER: ${DB_USERNAME}
-            POSTGRES_PASSWORD: ${DB_PASSWORD}
-            DB_DATABASE: ${DB_DATABASE}
+  postgres:
+    container_name: postgres
+    image: postgres:latest
+    restart: always
+    environment:
+      POSTGRES_USER: ${DB_USERNAME}
+      POSTGRES_PASSWORD: ${DB_PASSWORD}
+      DB_DATABASE: ${DB_DATABASE}
 
-        ports:
-            - '5433:5432'
-        volumes:
-            - postgres_data:/var/lib/postgresql/postgres_data
-        networks:
-            - nestjs
+    ports:
+      - '5433:5432'
+    volumes:
+      - postgres_data:/var/lib/postgresql/postgres_data
+    networks:
+      - nestjs
 
 volumes:
-    postgres_data:
+  postgres_data:
 
 networks:
-    nestjs:
+  nestjs:

eslint.config.mjs

@@ -1,5 +1,40 @@
-import eslint from '@eslint/js';
-import { defineConfig } from 'eslint/config';
+import js from '@eslint/js';
 import tseslint from 'typescript-eslint';
+import importPlugin from 'eslint-plugin-import';
+import unusedImports from 'eslint-plugin-unused-imports';
+import prettier from 'eslint-plugin-prettier';
+import globals from 'globals'; // Добавили для работы окружений
 
-export default defineConfig(eslint.configs.recommended, tseslint.configs.recommended);
+export default [
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: ['./tsconfig.json'],
+      },
+      globals: {
+        ...globals.es2021,
+      },
+    },
+  },
+  {
+    plugins: {
+      import: importPlugin,
+      'unused-imports': unusedImports,
+      prettier,
+    },
+    rules: {
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+    },
+  },
+
+  {
+    ignores: ['node_modules', 'dist', '.next', 'build', '**/jest.config.ts', '**/*.config.ts'],
+  },
+];

package.json

@@ -1,10 +1,10 @@
 {
-    "name": "task-tracker",
-    "version": "1.0.0",
-    "private": "true",
-    "description": "",
-    "main": "index.js",
-    "scripts": {
+  "name": "task-tracker",
+  "version": "1.0.0",
+  "private": "true",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
         "dev": "pnpm run --parallel dev",
         "build": "pnpm run --parallel build",
         "start": "pnpm run --parallel start",
@@ -28,16 +28,36 @@
         "test:backend:ci": "pnpm --filter @task-tracker/backend test:ci",
         "typecheck:backend": "pnpm --filter @task-tracker/backend typecheck",
         "prisma:generate:backend": "pnpm --filter @task-tracker/backend prisma:generate",
-        "prisma:migrate:deploy:backend": "pnpm --filter @task-tracker/backend prisma:migrate:deploy"
+        "prisma:migrate:deploy:backend": "pnpm --filter @task-tracker/backend prisma:migrate:deploy",
+        "prepare": "husky"
     },
-    "devDependencies": {
-        "@eslint/js": "9.39.2",
-        "@types/node": "^25.0.0",
-        "eslint": "^9.39.2",
-        "prettier": "^3.0.0",
-        "typescript": "^5.0.0",
-        "typescript-eslint": "^8.56.0"
-    },
-    "license": "ISC",
-    "packageManager": "pnpm@10.29.3"
+  "lint-staged": {
+    ".{ts,tsx,js,,mjs}": [
+    "eslint --fix --no-warn-ignored",
+    "prettier --write"
+  ],
+    ".{json,css,md}": [
+    "prettier --write"
+  ]
+},
+  "devDependencies": {
+    "@eslint/js": "9.39.2",
+    "@types/node": "^25.0.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-n": "^17.24.0",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "globals": "^17.3.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.3.1",
+    "prettier": "^3.0.0",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.56.0"
+  },
+  "license": "ISC",
+  "packageManager": "pnpm@10.29.3"
 }

packages/shared-types/package.json

@@ -1,14 +1,14 @@
 {
-    "name": "@task-tracker/shared-types",
-    "version": "1.0.0",
-    "private": "true",
-    "description": "",
-    "main": "index.js",
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "ISC",
-    "packageManager": "pnpm@10.29.3"
+  "name": "@task-tracker/shared-types",
+  "version": "1.0.0",
+  "private": "true",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "packageManager": "pnpm@10.29.3"
 }