Add shadcn library

Author: LemonDrew

frontend/components.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}

frontend/package-lock.json

@@ -11,9 +11,18 @@
     "format:fix": "prettier --write ."
   },
   "dependencies": {
+    "@hookform/resolvers": "^5.2.1",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.542.0",
     "next": "15.5.2",
     "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "react-dom": "19.1.0",
+    "react-hook-form": "^7.62.0",
+    "tailwind-merge": "^3.3.1",
+    "zod": "^4.1.5"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -25,6 +34,7 @@
     "eslint-config-next": "15.5.2",
     "prettier": "^3.6.2",
     "tailwindcss": "^4",
+    "tw-animate-css": "^1.3.8",
     "typescript": "^5"
   }
 }

frontend/package.json

@@ -0,0 +1,49 @@
+"use cilent";
+
+import { Button } from "@/components/ui/button";
+import { Card, CardTitle, CardHeader, CardContent } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+export default function LoginForm() {
+
+
+    return (
+        <Card className="min-h-[50%] min-w-[40%]">
+            <CardHeader className="mt-5">
+                <CardTitle className="text-center text-4xl font-bold">
+                    Welcome to Peerprep
+                </CardTitle>
+            </CardHeader>
+
+            <CardContent className="px-15 pt-10">
+                <form>
+                    <div className="flex flex-col gap-4">
+                        <div>
+                            <Label className="m-2">
+                                Email
+                            </Label>
+                            <Input name="email" type="email" required>
+                            </Input>
+                        </div>
+                        <div>
+                            <Label className="m-2">
+                                Password
+                            </Label>
+                            <Input name="password" type="password" required>
+                            </Input>
+                        </div>
+
+                        <div className="flex justify-center mt-10">
+                            <Button>
+                                Login
+                            </Button>
+                        </div>
+
+                    </div>
+                </form>
+            </CardContent>
+
+        </Card>
+    )
+}