Fixed most type errors and bugs, added authentication

Author: ServerDeveloper9447

Frontend/app/auth/login/page.tsx

@@ -17,7 +17,7 @@ export default function LoginPage() {
   const [email, setEmail] = useState("")
   const [password, setPassword] = useState("")
   const [isLoading, setIsLoading] = useState(false)
-  const { signIn, signInWithGoogle } = useAuth()
+  const { signIn } = useAuth()
   const { toast } = useToast()
   const router = useRouter()
 
@@ -42,22 +42,6 @@ export default function LoginPage() {
     }
   }
 
-  const handleGoogleSignIn = async () => {
-    try {
-      await signInWithGoogle()
-      toast({
-        title: "Success!",
-        description: "You have successfully logged in with Google.",
-      })
-    } catch (error) {
-      toast({
-        title: "Error",
-        description: "Failed to sign in with Google. Please try again.",
-        variant: "destructive",
-      })
-    }
-  }
-
   return (
     <div className="container flex items-center justify-center min-h-[calc(100vh-8rem)] py-12">
       <Card className="w-full max-w-md">
@@ -86,9 +70,9 @@ export default function LoginPage() {
             <div className="space-y-2">
               <div className="flex items-center justify-between">
                 <Label htmlFor="password">Password</Label>
-                <Link href="/auth/forgot-password" className="text-sm text-purple-600 hover:text-purple-700">
+                {/* <Link href="/auth/forgot-password" className="text-sm text-purple-600 hover:text-purple-700">
                   Forgot password?
-                </Link>
+                </Link> */}
               </div>
               <Input
                 id="password"
@@ -110,23 +94,6 @@ export default function LoginPage() {
               )}
             </Button>
           </form>
-          <div className="relative">
-            <div className="absolute inset-0 flex items-center">
-              <span className="w-full border-t" />
-            </div>
-            <div className="relative flex justify-center text-xs uppercase">
-              <span className="bg-background px-2 text-muted-foreground">Or continue with</span>
-            </div>
-          </div>
-          <Button variant="outline" type="button" className="w-full" onClick={handleGoogleSignIn}>
-            <svg className="mr-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-              <path
-                fill="currentColor"
-                d="M12 22q-2.05 0-3.875-.788t-3.188-2.15-2.137-3.175T2 12q0-2.075.788-3.887t2.15-3.175 3.175-2.138T12 2q2.075 0 3.887.788t3.175 2.15 2.138 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188-3.175 2.137T12 22Z"
-              />
-            </svg>
-            Google
-          </Button>
         </CardContent>
         <CardFooter className="flex flex-col space-y-4">
           <div className="text-center text-sm">

Frontend/app/auth/register/page.tsx

@@ -18,7 +18,7 @@ export default function RegisterPage() {
   const [password, setPassword] = useState("")
   const [confirmPassword, setConfirmPassword] = useState("")
   const [isLoading, setIsLoading] = useState(false)
-  const { signUp, signInWithGoogle } = useAuth()
+  const { signUp } = useAuth()
   const { toast } = useToast()
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -112,23 +112,6 @@ export default function RegisterPage() {
               )}
             </Button>
           </form>
-          <div className="relative">
-            <div className="absolute inset-0 flex items-center">
-              <span className="w-full border-t" />
-            </div>
-            <div className="relative flex justify-center text-xs uppercase">
-              <span className="bg-background px-2 text-muted-foreground">Or continue with</span>
-            </div>
-          </div>
-          <Button variant="outline" type="button" className="w-full" onClick={signInWithGoogle}>
-            <svg className="mr-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-              <path
-                fill="currentColor"
-                d="M12 22q-2.05 0-3.875-.788t-3.188-2.15-2.137-3.175T2 12q0-2.075.788-3.887t2.15-3.175 3.175-2.138T12 2q2.075 0 3.887.788t3.175 2.15 2.138 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188-3.175 2.137T12 22Z"
-              />
-            </svg>
-            Google
-          </Button>
         </CardContent>
         <CardFooter className="flex flex-col space-y-4">
           <div className="text-center text-sm">

Frontend/app/calendar/page.tsx

@@ -417,20 +417,6 @@ export default function CalendarPage() {
                       </SelectContent>
                     </Select>
                   </div>
-                  <div className="space-y-2">
-                    <Label htmlFor="tagged-persons">Tagged Persons</Label>
-                    <Input
-                      id="tagged-persons"
-                      placeholder="Enter names separated by commas"
-                      value={newEvent.taggedPersons}
-                      onChange={(e) =>
-                        setNewEvent({
-                          ...newEvent,
-                          taggedPersons: e.target.value,
-                        })
-                      }
-                    />
-                  </div>
                   <Button className="w-full" onClick={addEvent}>
                     Add Event
                   </Button>
@@ -482,7 +468,7 @@ function CalendarGrid({
       (event) =>
         event.date.getDate() === date.getDate() &&
         event.date.getMonth() === date.getMonth() &&
-        event.date.getFullYear() === date.getFullYear(),
+        event.date.getFullYear() === date.getFullYear()
     )
   }
 
@@ -540,13 +526,15 @@ function CalendarGrid({
 
       {/* Calendar grid */}
       {days.map((date, index) => {
+        if (!date) return null
+
         const row = Math.floor(index / 7)
         const col = index % 7
         const x = (col - 3) * 1.2
         const y = -row * 1.2
         const dateEvents = getEventsByDate(date)
 
-        return date ? (
+        return (
           <group key={index} position={[x, y, 0]}>
             {/* Day cell */}
             <mesh
@@ -584,6 +572,8 @@ function CalendarGrid({
 
             {/* Event indicators */}
             {dateEvents.slice(0, 3).map((event, i) => {
+              if (!event) return null
+
               const eventColor = getEventColor(event.priority)
               return (
                 <mesh key={i} position={[0, -0.1 - i * 0.15, 0]}>
@@ -602,8 +592,6 @@ function CalendarGrid({
               </Text>
             )}
           </group>
-        ) : (
-          <group key={index} position={[x, y, 0]} />
         )
       })}
     </group>

Frontend/app/layout.tsx

@@ -7,7 +7,6 @@ import Navbar from "@/components/navbar"
 import Footer from "@/components/footer"
 import { Toaster } from "@/components/ui/toaster"
 import { AuthProvider } from "@/hooks/use-auth"
-import { EthereumProvider } from "@/components/ethereum-provider"
 import { NotificationProvider } from "@/components/notification-provider"
 
 const inter = Inter({ subsets: ["latin"] })
@@ -28,16 +27,14 @@ export default function RootLayout({
       <body className={inter.className}>
         <AuthProvider>
           <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
-            <EthereumProvider>
-              <NotificationProvider>
+          <NotificationProvider>
                 <div className="flex min-h-screen flex-col">
                   <Navbar />
                   <main className="flex-1">{children}</main>
                   <Footer />
                 </div>
                 <Toaster />
               </NotificationProvider>
-            </EthereumProvider>
           </ThemeProvider>
         </AuthProvider>
       </body>

Frontend/app/page.tsx

@@ -139,27 +139,30 @@ export default function Home() {
           <div className="mx-auto grid max-w-5xl grid-cols-1 gap-8 py-12 md:grid-cols-3">
             {[
               {
-                name: "Alex Johnson",
+                name: "Apurba Roy",
                 role: "Frontend Developer",
-                bio: "Specializes in creating intuitive user interfaces with React and Three.js.",
+                bio: "Specializes in creating intuitive user interfaces with React and Next.js.",
+                img: '/apurba.jpg'
               },
               {
-                name: "Samantha Chen",
+                name: "Soumalya Ghosh",
                 role: "Backend Developer",
                 bio: "Expert in building robust APIs and database architectures.",
+                img: '/soumalya.jpg'
               },
               {
-                name: "Michael Rodriguez",
-                role: "DevOps Engineer",
-                bio: "Ensures smooth deployment and optimal performance across all platforms.",
+                name: "Krishanu Roy",
+                role: "Ideation Lead",
+                bio: "A chill guy who brings innovative ideas to life.",
+                img: '/krishanu.jpg'
               },
             ].map((developer, index) => (
               <Card key={index}>
                 <CardHeader>
                   <div className="flex justify-center">
                     <div className="relative h-24 w-24 rounded-full overflow-hidden bg-gray-100 dark:bg-gray-800">
                       <Image
-                        src={`/placeholder.svg?height=96&width=96&text=${developer.name.charAt(0)}`}
+                        src={developer.img}
                         alt={developer.name}
                         fill
                         className="object-cover"