bootstrapped application

NalinDalal · Dec 26, 2024 · fa41456 · fa41456
1 parent 0715ae6
commit fa41456
Show file tree

Hide file tree

Showing 22 changed files with 858 additions and 140 deletions.
diff --git a/.github/workflows/ci-cd.yml b/.github/workflows/ci-cd.yml
@@ -0,0 +1,37 @@
+name: CI/CD
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: '14.x'
+    - run: npm ci
+    - run: npm run build
+    - run: npm test
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main'
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Deploy to Vercel
+      uses: amondnet/vercel-action@v20
+      with:
+        vercel-token: ${{ secrets.VERCEL_TOKEN }}
+        vercel-org-id: ${{ secrets.ORG_ID}}
+        vercel-project-id: ${{ secrets.PROJECT_ID}}
+
+
diff --git a/README.md b/README.md
@@ -34,3 +34,16 @@ You can check out [the Next.js GitHub repository](https://github.com/vercel/next
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+
+## What is Done:
+
+- User Dashboard, with family
+
+## To Do:
+
+- make button more beautiful
+- Theme Settings
+- spacing in navbar with functionality
+- search page functionality
+- family page, add member functionality
+- main page-> events family and notifications card must be dynamics
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,19 +9,20 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "lucide-react": "^0.469.0",
+    "next": "15.1.2",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.1.2"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@eslint/eslintrc": "^3",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
     "eslint": "^9",
     "eslint-config-next": "15.1.2",
-    "@eslint/eslintrc": "^3"
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
   }
 }
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
@@ -0,0 +1,96 @@
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import Link from "next/link";
+
+export default function Login() {
+  return (
+    <div className="flex justify-center items-center min-h-screen bg-gray-100">
+      <div className="p-10 space-y-8 w-full max-w-md bg-white rounded-lg shadow-md">
+        <div>
+          <h2 className="mt-6 text-3xl font-extrabold text-center text-gray-900">
+            Sign in to your account
+          </h2>
+        </div>
+        <form className="mt-8 space-y-6" action="#" method="POST">
+          <div className="-space-y-px rounded-md shadow-sm">
+            <div>
+              <Label htmlFor="email-address" className="sr-only">
+                Email address
+              </Label>
+              <Input
+                id="email-address"
+                name="email"
+                type="email"
+                autoComplete="email"
+                required
+                className="block relative py-2 px-3 w-full placeholder-gray-500 text-gray-900 rounded-none rounded-t-md border border-gray-300 appearance-none sm:text-sm focus:z-10 focus:border-indigo-500 focus:ring-indigo-500 focus:outline-none"
+                placeholder="Email address"
+              />
+            </div>
+            <div>
+              <Label htmlFor="password" className="sr-only">
+                Password
+              </Label>
+              <Input
+                id="password"
+                name="password"
+                type="password"
+                autoComplete="current-password"
+                required
+                className="block relative py-2 px-3 w-full placeholder-gray-500 text-gray-900 rounded-none rounded-b-md border border-gray-300 appearance-none sm:text-sm focus:z-10 focus:border-indigo-500 focus:ring-indigo-500 focus:outline-none"
+                placeholder="Password"
+              />
+            </div>
+          </div>
+
+          <div className="flex justify-between items-center">
+            <div className="flex items-center">
+              <Input
+                id="remember-me"
+                name="remember-me"
+                type="checkbox"
+                className="w-4 h-4 text-indigo-600 rounded border-gray-300 focus:ring-indigo-500"
+              />
+              <Label
+                htmlFor="remember-me"
+                className="block ml-2 text-sm text-gray-900"
+              >
+                Remember me
+              </Label>
+            </div>
+
+            <div className="text-sm">
+              <Link
+                href="/forgot-password"
+                className="font-medium text-indigo-600 hover:text-indigo-500"
+              >
+                Forgot your password?
+              </Link>
+            </div>
+          </div>
+
+          <div>
+            <Button
+              type="submit"
+              className="flex relative justify-center py-2 px-4 w-full text-sm font-medium text-white bg-indigo-600 rounded-md border border-transparent hover:bg-indigo-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-none group"
+            >
+              Sign in
+            </Button>
+          </div>
+        </form>
+        <div className="text-center">
+          <p className="text-sm text-gray-600">
+            Don't have an account?{" "}
+            <Link
+              href="/register"
+              className="font-medium text-indigo-600 hover:text-indigo-500"
+            >
+              Sign up
+            </Link>
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(auth)/register/page.tsx b/src/app/(auth)/register/page.tsx
@@ -0,0 +1,98 @@
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import Link from "next/link";
+
+export default function Register() {
+  return (
+    <div className="flex justify-center items-center min-h-screen bg-gray-100">
+      <div className="p-10 space-y-8 w-full max-w-md bg-white rounded-lg shadow-md">
+        <div>
+          <h2 className="mt-6 text-3xl font-extrabold text-center text-gray-900">
+            Create your account
+          </h2>
+        </div>
+        <form className="mt-8 space-y-6" action="#" method="POST">
+          <div className="-space-y-px rounded-md shadow-sm">
+            <div>
+              <Label htmlFor="name" className="sr-only">
+                Full Name
+              </Label>
+              <Input
+                id="name"
+                name="name"
+                type="text"
+                autoComplete="name"
+                required
+                className="block relative py-2 px-3 w-full placeholder-gray-500 text-gray-900 rounded-none rounded-t-md border border-gray-300 appearance-none sm:text-sm focus:z-10 focus:border-indigo-500 focus:ring-indigo-500 focus:outline-none"
+                placeholder="Full Name"
+              />
+            </div>
+            <div>
+              <Label htmlFor="email-address" className="sr-only">
+                Email address
+              </Label>
+              <Input
+                id="email-address"
+                name="email"
+                type="email"
+                autoComplete="email"
+                required
+                className="block relative py-2 px-3 w-full placeholder-gray-500 text-gray-900 rounded-none border border-gray-300 appearance-none sm:text-sm focus:z-10 focus:border-indigo-500 focus:ring-indigo-500 focus:outline-none"
+                placeholder="Email address"
+              />
+            </div>
+            <div>
+              <Label htmlFor="password" className="sr-only">
+                Password
+              </Label>
+              <Input
+                id="password"
+                name="password"
+                type="password"
+                autoComplete="new-password"
+                required
+                className="block relative py-2 px-3 w-full placeholder-gray-500 text-gray-900 rounded-none border border-gray-300 appearance-none sm:text-sm focus:z-10 focus:border-indigo-500 focus:ring-indigo-500 focus:outline-none"
+                placeholder="Password"
+              />
+            </div>
+            <div>
+              <Label htmlFor="confirm-password" className="sr-only">
+                Confirm Password
+              </Label>
+              <Input
+                id="confirm-password"
+                name="confirm-password"
+                type="password"
+                autoComplete="new-password"
+                required
+                className="block relative py-2 px-3 w-full placeholder-gray-500 text-gray-900 rounded-none rounded-b-md border border-gray-300 appearance-none sm:text-sm focus:z-10 focus:border-indigo-500 focus:ring-indigo-500 focus:outline-none"
+                placeholder="Confirm Password"
+              />
+            </div>
+          </div>
+
+          <div>
+            <Button
+              type="submit"
+              className="flex relative justify-center py-2 px-4 w-full text-sm font-medium text-white bg-indigo-600 rounded-md border border-transparent hover:bg-indigo-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-none group"
+            >
+              Sign up
+            </Button>
+          </div>
+        </form>
+        <div className="text-center">
+          <p className="text-sm text-gray-600">
+            Already have an account?{" "}
+            <Link
+              href="/login"
+              className="font-medium text-indigo-600 hover:text-indigo-500"
+            >
+              Sign in
+            </Link>
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}