Merge branch 'dev'

 Lines starting with '#' will be ignored, and an empty message aborts

Author: ap-dev-github

README.md

@@ -1 +1,21 @@
+# SonarGuard Home Security System 🚀  
+
+## Overview  
+**SonarGuard** is a **web + IoT** security system that provides real-time motion detection and alerts for home security.  
+It integrates **Next.js**, **AWS Cognito**, **MongoDB**, and **Firebase** to offer a secure and scalable solution.  
+
+## 🔥 Features  
+- **Motion Detection**: Uses **Radar Sensor (Arduino UNO + NodeMCU)** for detecting movement.  
+- **Authentication**: **AWS Cognito** for user sign-up & OTP verification.  
+- **Secure Access**: **JWT Token Authentication** restricts unauthorized access.  
+- **Real-time Alerts**: Sends **SNS Email Alerts** on motion detection using **EmailJS**.  
+- **Data Storage**: Stores registered users in **MongoDB**, sensor data in **Firebase Realtime Database**.  
+
+## 🛠 Tech Stack  
+- **Frontend**: Next.js (App Router), Tailwind CSS, TypeScript  
+- **Backend**: Firebase Realtime Database, MongoDB  
+- **Auth & Security**: AWS Cognito, JWT Authentication  
+- **IoT Integration**: Radar Sensor, Arduino UNO, NodeMCU  
+- **Cloud Services**: AWS Lambda, SNS Email Alerts, EmailJS  
+_  
 

miscellaneous/emailTriggerCode.txt

@@ -0,0 +1,44 @@
+import { NextResponse, NextRequest } from "next/server";
+import { getDatabase, ref, onValue } from "firebase/database";
+import emailjs from "emailjs-com";
+
+const db = getDatabase();
+const movementRef = ref(db, "movement");
+
+// Function to fetch email list from backend
+const fetchEmails = async (token: string) => {
+    try {
+        const response = await fetch("/api/getMembers", {
+            method: "GET",
+            headers: {
+                "Content-Type": "application/json",
+                "authorization": `Bearer ${token}`,
+                
+            }
+        });
+
+        const data = await response.json();
+        return data;
+    } catch (error) {
+        console.error("Error in fetchEmails:", error);
+        return { error: "Failed to fetch members" };
+    }
+};
+
+// API Handler
+export async function GET(req: NextRequest) {
+    // Extract token from headers
+    const authHeader = req.headers.get("authorization");
+    if (!authHeader) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const token = authHeader.split(" ")[1]; 
+    console.log("Received Token in API:", token); 
+
+    // Fetch members using token
+    const data = await fetchEmails(token);
+    console.log("Fetched Members:", data);
+
+    return NextResponse.json({ message: "API Email Trigger Response", data }, { status: 200 });
+}

src/app/dashboard/page.tsx

@@ -5,12 +5,12 @@ import AlertMessage from "@/components/AlertMessage";
 import {jwtDecode} from "jwt-decode"; 
 import Members from "@/components/Members"; 
 import RadarReading from "@/components/RadarReading";
+import { MembersProvider } from "@/contexts/MemberContext";
 
 export default function Dashboard() {
     const router = useRouter();
   const [auth, setAuth] = useState(false);
   const [alert, setAlert] = useState<{ message: string; type: "success" | "error" } | null>(null);
- 
 
   // Show alert
   const showAlert = (message: string, type: "success" | "error") => {
@@ -58,8 +58,10 @@ export default function Dashboard() {
         <>
           {alert && <AlertMessage message={alert.message} type={alert.type} />}
           <div className="grid sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 p-4 ">
-         <Members/> 
-          <RadarReading/>      
+          <MembersProvider>
+          <Members/> 
+          <RadarReading/>  
+          </MembersProvider>    
           </div>
         </>
       ) : (

src/components/Members.tsx

@@ -1,10 +1,11 @@
 import { useEffect, useState } from "react";
 import AlertMessage from "./AlertMessage";
+import { useMembers } from "@/contexts/MemberContext";
 
 const Members = () => {
     const [email, setEmail] = useState(""); 
     const [alert, setAlert] = useState<{ message: string; type: "success" | "error"}|null>(null); 
-    const [members, setMembers] = useState([]); 
+    const { members, setMembers } = useMembers();
     const token = localStorage.getItem("token");
 
 

src/contexts/MemberContext.tsx

@@ -0,0 +1,30 @@
+import { createContext, useContext, useState, ReactNode } from "react";
+
+// Define the context type
+interface MembersContextType {
+  members: any[]; // Replace 'any' with the actual type if known
+  setMembers: React.Dispatch<React.SetStateAction<any[]>>;
+}
+
+// Create the context
+const MembersContext = createContext<MembersContextType | undefined>(undefined);
+
+// Create the provider component
+export const MembersProvider = ({ children }: { children: ReactNode }) => {
+  const [members, setMembers] = useState<any[]>([]);
+
+  return (
+    <MembersContext.Provider value={{ members, setMembers }}>
+      {children}
+    </MembersContext.Provider>
+  );
+};
+
+// Custom hook for using the context
+export const useMembers = () => {
+  const context = useContext(MembersContext);
+  if (!context) {
+    throw new Error("useMembers must be used within a MembersProvider");
+  }
+  return context;
+};