changed login ui

backend/src/services/databaseService.ts

@@ -1,3 +1,4 @@
+// backend/src/services/databaseService
 import sqlite3 from 'sqlite3';
 import path from 'path';
 import { fileURLToPath } from 'url';

frontend/.env.development

@@ -0,0 +1,4 @@
+# frontend/.env.development
+BROWSER=none
+FAST_REFRESH=true
+DANGEROUSLY_DISABLE_HOST_CHECK=true

frontend/package.json

@@ -2,6 +2,7 @@
   "name": "frontend",
   "version": "0.1.0",
   "private": true,
+  "proxy": "http://localhost:3002",
   "dependencies": {
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -15,7 +16,6 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-router-dom": "^7.9.3",
-    "react-scripts": "5.0.1",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },
@@ -42,5 +42,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "http-proxy-middleware": "^3.0.5",
+    "react-scripts": "^5.0.1"
   }
 }

frontend/src/pages/Auth/Login.tsx

@@ -87,7 +87,7 @@ const Login: React.FC = () => {
             onChange={(e) => setEmail(e.target.value)}
             required
             style={{
-              width: '100%',
+              width: '94.5%',
               padding: '10px',
               border: '1px solid #ddd',
               borderRadius: '4px',
@@ -107,7 +107,7 @@ const Login: React.FC = () => {
             onChange={(e) => setPassword(e.target.value)}
             required
             style={{
-              width: '100%',
+              width: '94.5%',
               padding: '10px',
               border: '1px solid #ddd',
               borderRadius: '4px',
@@ -123,7 +123,7 @@ const Login: React.FC = () => {
           style={{
             width: '100%',
             padding: '12px',
-            backgroundColor: loading ? '#ccc' : '#007bff',
+            backgroundColor: loading ? '#ccc' : '#51258f',
             color: 'white',
             border: 'none',
             borderRadius: '4px',

frontend/tsconfig.json

@@ -7,7 +7,6 @@
       "esnext"
     ],
     "allowJs": true,
-    "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,
@@ -25,4 +24,4 @@
   "include": [
     "src"
   ]
-}
+}