first commit from first user

Author: Emmycodez

.gitignore

@@ -0,0 +1,43 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+/app/generated/prisma

README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+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.

actions/admin-actions.ts

@@ -0,0 +1,5 @@
+"use server"
+
+export const createCustomerAccount = async () => {
+  
+}

actions/user.ts

@@ -0,0 +1,47 @@
+'use server'
+
+import { UserProps } from "@/types/types";
+import { db } from "@/prisma/db";
+import bcrypt from "bcrypt"
+
+export async function createUser (data: UserProps) {
+  const {email, password, name} = data;
+  try {
+    const hashedPassword = await bcrypt.hash(password, 10);
+    const existingUser = await db.user.findUnique({
+      where: {
+        email,
+      },
+    });
+
+    if (existingUser) {
+      return {
+        error: `Email already exists`,
+        status: 409,
+        data: null,
+      };
+    };
+
+    const newUser = await db.user.create({
+      data: {
+        email,
+        password: hashedPassword,
+        name
+      },
+    });
+
+    return {
+      error: null,
+      status: 200,
+      data: newUser
+    };
+  }catch (error) {
+    console.log(error);
+    return {
+      error: `Something Went Wrong, Please try again`,
+      status: 500,
+      data: null,
+    };
+  }
+
+}

app/(auth)/login/page.tsx

@@ -0,0 +1,10 @@
+import LoginForm from "@/components/forms/login-form";
+
+export default async function page() {
+
+  return (
+    <section>
+      <LoginForm />
+    </section>
+  );
+}

app/(auth)/register/page.tsx

@@ -0,0 +1,15 @@
+
+import RegisterForm from "@/components/forms/register-form";
+import React from "react";
+
+export default function page() {
+  return (
+    <section>
+      <div className="md:container px-4 md:px-0">
+        <div className="border-gray-200 dark:border-gray-700 max-w-xl mx-auto border my-3 mt-6 shadow rounded-md ">
+          <RegisterForm />
+        </div>
+      </div>
+    </section>
+  );
+}

app/admin/(dashboard pages)/dashboard/page.tsx

@@ -0,0 +1,11 @@
+import { AdminDashboarPage } from '@/components/clients/admin-client-components'
+
+const DashboardPage = () => {
+  return (
+    <div>
+      <AdminDashboarPage/>
+    </div>
+  )
+}
+
+export default DashboardPage

app/admin/(dashboard pages)/devices/page.tsx

@@ -0,0 +1,5 @@
+import { DeviceManagement } from "@/components/clients/admin-client-components" 
+
+export default function DeviceManagementPage() {
+  return <DeviceManagement />
+}

app/admin/(dashboard pages)/layout.tsx

@@ -0,0 +1,34 @@
+import type React from "react"
+import { SidebarProvider, SidebarInset, SidebarTrigger } from "@/components/ui/sidebar"
+import { AdminSidebar } from "@/components/clients/admin-client-components/admin-sidebar" 
+import { Separator } from "@/components/ui/separator"
+import { Search, Filter } from "lucide-react"
+import { Input } from "@/components/ui/input"
+import { Button } from "@/components/ui/button"
+import { Suspense } from "react"
+
+export default function AdminLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <SidebarProvider>
+      <AdminSidebar />
+      <SidebarInset>
+        <Suspense fallback={<div>Loading...</div>}>
+          <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+            <SidebarTrigger className="-ml-1" />
+            <Separator orientation="vertical" className="mr-2 h-4" />
+            <div className="flex flex-1 items-center gap-2">
+              <div className="relative flex-1 max-w-md">
+                <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+                <Input placeholder="Search..." className="pl-8" />
+              </div>
+              <Button variant="outline" size="icon">
+                <Filter className="h-4 w-4" />
+              </Button>
+            </div>
+          </header>
+          <main className="flex flex-1 flex-col gap-4 p-4">{children}</main>
+        </Suspense>
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}

app/admin/(dashboard pages)/reports/page.tsx

@@ -0,0 +1,15 @@
+// This page is a placeholder for the Reports section in the Admin Dashboard.
+// You can integrate the existing ReportsPage component here or create a new one
+// tailored for admin-specific reporting needs.
+
+import { ReportsPageClient } from "@/components/clients/reports-page" 
+
+export default function AdminReportsPage() {
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-bold">Admin Reports</h1>
+      <p className="text-muted-foreground">Access and generate comprehensive reports for fleet and user activity.</p>
+      <ReportsPageClient /> {/* Reusing the existing ReportsPage component */}
+    </div>
+  )
+}