+
{assignment.title}
+
{assignment.description}
+
+ Due: {assignment.due_date || "No date set"}
+
+
+ {/* View Document Button */}
+ {assignment.docs && assignment.docs.length > 0 && (
+
+ View Document
+
+ )}
+
+
+
+=======
+ {isLoading &&
Loading assignments...
}
+
+ {assignments.map((assignment) => (
+
+
+
{assignment.title}
+
{assignment.description}
+
Due: {assignment.due_date || "No date set"}
+
+
+
+>>>>>>> 4e1f51c2bdb9bad8032998506527017ff5dee47a
+
+
+
+ ))}
+
+
+ );
+<<<<<<< HEAD
+}
+=======
+}
+>>>>>>> 4e1f51c2bdb9bad8032998506527017ff5dee47a
diff --git a/frontend/src/components/Calender.jsx b/frontend/src/components/Calender.jsx
new file mode 100644
index 0000000..013307f
--- /dev/null
+++ b/frontend/src/components/Calender.jsx
@@ -0,0 +1,66 @@
+import React from "react";
+import { useTasks } from "../context/TaskContext";
+import EventCalendar from "./EventCalender";
+<<<<<<< HEAD
+import Sidebar from "./Sidebar";
+import Header from "./Header";
+import { ThemeProvider, useTheme } from "../context/ThemeContext";
+
+const Calendar = () => {
+ const { tasks } = useTasks();
+ const theme = useTheme();
+
+=======
+import { ThemeProvider } from "../context/ThemeContext";
+import Sidebar from "./Sidebar";
+import Header from "./Header";
+import { useTheme } from "../context/ThemeContext";
+
+const Calendar = () => {
+ const { tasks } = useTasks();
+ const theme=useTheme();
+>>>>>>> 4e1f51c2bdb9bad8032998506527017ff5dee47a
+ const events = tasks
+ .filter((task) => task.due_date) // Only tasks with due dates
+ .map((task) => ({
+ date: new Date(task.due_date),
+ title: task.title,
+ }));
+
+ return (
+
+<<<<<<< HEAD
+
+
+
+
+
+ My Event Calendar
+
+
+
+
+
+
+ My Event Calendar
+
+
+
+
+ );
+};
+
+export default Calendar;
diff --git a/frontend/src/components/EventCalender.jsx b/frontend/src/components/EventCalender.jsx
new file mode 100644
index 0000000..a582f3c
--- /dev/null
+++ b/frontend/src/components/EventCalender.jsx
@@ -0,0 +1,77 @@
+import React from "react";
+import clsx from "clsx";
+import {
+ eachDayOfInterval,
+ endOfMonth,
+ format,
+ getDay,
+ isToday,
+ startOfMonth,
+} from "date-fns";
+import { useMemo } from "react";
+
+const WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+
+const EventCalendar = ({ events = [] }) => {
+ const currentDate = new Date();
+ const firstDayOfMonth = startOfMonth(currentDate);
+ const lastDayOfMonth = endOfMonth(currentDate);
+
+ const daysInMonth = eachDayOfInterval({
+ start: firstDayOfMonth,
+ end: lastDayOfMonth,
+ });
+
+ const startingDayIndex = getDay(firstDayOfMonth);
+
+ const eventsByDate = useMemo(() => {
+ return events.reduce((acc, event) => {
+ const dateKey = format(event.date, "yyyy-MM-dd");
+ if (!acc[dateKey]) {
+ acc[dateKey] = [];
+ }
+ acc[dateKey].push(event);
+ return acc;
+ }, {});
+ }, [events]);
+
+ return (
+
+
+
{format(currentDate, "MMMM yyyy")}
+
+
+ {WEEKDAYS.map((day) => (
+
+ {day}
+
+ ))}
+ {Array.from({ length: startingDayIndex }).map((_, index) => (
+
+ ))}
+ {daysInMonth.map((day, index) => {
+ const dateKey = format(day, "yyyy-MM-dd");
+ const todaysEvents = eventsByDate[dateKey] || [];
+ return (
+
+ {format(day, "d")}
+ {todaysEvents.map((event) => (
+
+ {event.title}
+
+ ))}
+
+ );
+ })}
+
+
+ );
+};
+
+export default EventCalendar;
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
new file mode 100644
index 0000000..796d2b9
--- /dev/null
+++ b/frontend/src/components/Header.jsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import { HiOutlineMenuAlt2 } from "react-icons/hi";
+import { MdSpaceDashboard } from "react-icons/md";
+import ThemeSwitcher from './ThemeSwitcher';
+import { useTheme } from "../context/ThemeContext"; // Import theme context
+
+const Header = () => {
+ const { theme } = useTheme(); // Get the current theme
+
+ return (
+
+ );
+}
+
+export default Header;
+
+
+
+
+
diff --git a/frontend/components/Modal.jsx b/frontend/src/components/Modal.jsx
similarity index 100%
rename from frontend/components/Modal.jsx
rename to frontend/src/components/Modal.jsx
diff --git a/frontend/src/components/QuotesDisplay.jsx b/frontend/src/components/QuotesDisplay.jsx
new file mode 100644
index 0000000..a76ff48
--- /dev/null
+++ b/frontend/src/components/QuotesDisplay.jsx
@@ -0,0 +1,43 @@
+import React, { useState, useEffect } from "react";
+import axios from "axios";
+import { useTheme } from "../context/ThemeContext";
+const QuoteDisplay = () => {
+ const { theme } = useTheme(); // Get theme state
+ const [quote, setQuote] = useState("");
+ const [author, setAuthor] = useState("");
+ const [loading, setLoading] = useState(true);
+
+ // Fetch a random quote from ZenQuote API
+ const fetchQuote = async () => {
+ try {
+ const response = await axios.get("http://localhost:8000/quote");
+ setQuote(response.data[0].q);
+ setAuthor(response.data[0].a);
+ setLoading(false);
+ } catch (error) {
+ console.error("Error fetching quote:", error);
+ setLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchQuote(); // Fetch the quote when the component mounts
+ }, []);
+
+ return (
+
+ {loading ? (
+
Loading quote...
+ ) : (
+
+
+{quote}
+
+
- {author}
+
+ )}
+
+ );
+};
+
+export default QuoteDisplay;
diff --git a/frontend/src/components/Sidebar.jsx b/frontend/src/components/Sidebar.jsx
new file mode 100644
index 0000000..6b4ffb6
--- /dev/null
+++ b/frontend/src/components/Sidebar.jsx
@@ -0,0 +1,232 @@
+<<<<<<< HEAD
+ import React from "react";
+ import { useTheme } from "../context/ThemeContext"; // Import Theme Context
+ import { FaChartBar, FaCalendarAlt, FaFacebookMessenger, FaUsersCog,FaTasks } from "react-icons/fa";
+ import { IoIosLogOut } from "react-icons/io";
+ import { useState } from "react";
+ import { Link } from "react-router-dom";
+ import { AssignmentProvider } from "../context/AssignmentContext";
+ import {logout } from "../utils/api"
+ import { MdAssignment } from "react-icons/md";
+ import { useNavigate } from "react-router-dom";
+
+ const handleLogout = async () => {
+ try {
+ await logout();
+ localStorage.removeItem("token"); // Remove stored token
+ window.location.href = "/"; // Redirect to login page
+ } catch (error) {
+ console.error("Logout failed:", error);
+ }
+ };
+
+=======
+import React from "react";
+import { useTheme } from "../context/ThemeContext"; // Import Theme Context
+import { FaChartBar, FaCalendarAlt, FaFacebookMessenger, FaUsersCog } from "react-icons/fa";
+import { IoIosLogOut } from "react-icons/io";
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import { AssignmentProvider } from "../context/AssignmentContext";
+import { logout } from "../utils/api";
+
+
+const handleLogout = async () => {
+ try {
+ await logout(); // This will call the logout API on your backend
+ localStorage.removeItem("token"); // Optionally remove the access token from local storage
+ window.location.href = "/"; // Redirect to the login page
+ } catch (error) {
+ console.error("Error logging out:", error);
+ alert("Error logging out. Please try again.");
+ }
+};
+
+>>>>>>> 4e1f51c2bdb9bad8032998506527017ff5dee47a
+
+
+ const Sidebar = () => {
+ const { theme } = useTheme(); // Get theme state
+ const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+
+ const toggleSidebar = () => {
+ setIsSidebarOpen(!isSidebarOpen);
+ };
+
+
+
+ return (
+
+
+ {/* Sidebar toggle button */}
+
+
+ {/* Sidebar */}
+
+
+ );
+ };
+
+<<<<<<< HEAD
+ export default Sidebar;
+=======
+
+
+ return (
+
+
+ {/* Sidebar toggle button */}
+
+
+ {/* Sidebar */}
+
+
+ );
+};
+
+export default Sidebar;
+>>>>>>> 4e1f51c2bdb9bad8032998506527017ff5dee47a
diff --git a/frontend/src/components/TaskManager.jsx b/frontend/src/components/TaskManager.jsx
new file mode 100644
index 0000000..4c96fb9
--- /dev/null
+++ b/frontend/src/components/TaskManager.jsx
@@ -0,0 +1,124 @@
+import React, { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import { useTasks } from "../context/TaskContext";
+import { useTheme } from "../context/ThemeContext";
+
+export default function TaskManager() {
+ const { theme } = useTheme();
+ const {
+ tasks,
+ fetchTasks,
+ handleCreate,
+ handleUpdate,
+ handleDelete,
+ isLoading,
+ error,
+ } = useTasks();
+
+ const [taskData, setTaskData] = useState({ title: "", description: "", due_date: "" });
+ const [editingId, setEditingId] = useState(null);
+
+ useEffect(() => {
+ fetchTasks();
+ }, []);
+
+ const handleEdit = (task) => {
+ setEditingId(task._id);
+ setTaskData({ title: task.title, description: task.description, due_date: task.due_date || "" });
+ };
+
+ const handleCancelEdit = () => {
+ setEditingId(null);
+ setTaskData({ title: "", description: "", due_date: "" });
+ };
+
+ const handleSubmit = async () => {
+ if (editingId) {
+ await handleUpdate(editingId, taskData);
+ } else {
+ await handleCreate(taskData);
+ }
+ handleCancelEdit();
+ fetchTasks();
+ };
+
+ return (
+
+ {/* Add/Edit Task Card */}
+
+
+
{editingId ? "Edit Task" : "Task Manager"}
+ {error &&
{error}
}
+
+
+
setTaskData({ ...taskData, title: e.target.value })}
+ className="input input-bordered w-full"
+ />
+
+
setTaskData({ ...taskData, due_date: e.target.value })}
+ className="input input-bordered w-full"
+ />
+
+
+
+
+ {editingId && }
+
+
+
+
+
+ {/* Loading State */}
+ {isLoading &&
Loading tasks...
}
+
+ {/* Task List */}
+
+ {tasks.map((task) => (
+
+
+
{task.title}
+
{task.description}
+
Due: {task.due_date || "No date set"}
+
+ {/* Task Actions */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+ );
+}
diff --git a/frontend/src/components/ThemeSwitcher.jsx b/frontend/src/components/ThemeSwitcher.jsx
new file mode 100644
index 0000000..19a54a6
--- /dev/null
+++ b/frontend/src/components/ThemeSwitcher.jsx
@@ -0,0 +1,75 @@
+import React from "react";
+import { useTheme } from "../context/ThemeContext"; // Import the custom hook
+import { FaMoon, FaSun } from "react-icons/fa";
+
+const ThemeSwitcher = () => {
+ const { theme, toggleTheme } = useTheme();
+
+ return (
+ <>
+
+
+
+
+ );
+};
+
+export default ThemeSwitcher;
diff --git a/frontend/src/components/Userprofile.jsx b/frontend/src/components/Userprofile.jsx
new file mode 100644
index 0000000..e05a5c8
--- /dev/null
+++ b/frontend/src/components/Userprofile.jsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Userprofile = () => {
+ return (
+
+
hi
+
+ )
+}
+
+export default Userprofile
diff --git a/frontend/src/context/AssignmentContext.jsx b/frontend/src/context/AssignmentContext.jsx
new file mode 100644
index 0000000..a49c724
--- /dev/null
+++ b/frontend/src/context/AssignmentContext.jsx
@@ -0,0 +1,104 @@
+import React, { createContext, useState, useContext, useEffect } from "react";
+import {
+ createAssignment,
+ getUserAssignments,
+ updateAssignment,
+ deleteAssignment
+} from "../utils/assignmentapi"; // Import API functions
+
+// Create Context
+const AssignmentContext = createContext();
+
+// Custom hook to use AssignmentContext
+export const useAssignments = () => {
+ return useContext(AssignmentContext);
+};
+
+// Function to validate MongoDB ObjectId
+const isValidObjectId = (id) => /^[a-f\d]{24}$/i.test(id);
+
+// AssignmentProvider Component
+export const AssignmentProvider = ({ children }) => {
+ const [assignments, setAssignments] = useState([]);
+ const [isLoading, setIsLoading] = useState(false);
+ const [error, setError] = useState(null);
+
+ // Fetch assignments from API
+ const fetchAssignments = async () => {
+ setIsLoading(true);
+ try {
+ const response = await getUserAssignments();
+ setAssignments(response.data.data); // Assuming response.data.data holds the assignments array
+ } catch (err) {
+ setError(err.response?.data?.message || "Error fetching assignments");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Add a new assignment
+ const handleCreate = async (formData) => {
+ setIsLoading(true);
+ try {
+ await createAssignment(formData);
+ fetchAssignments(); // Refresh assignment list
+ } catch (err) {
+ setError(err.response?.data?.message || "Error creating assignment");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Update an existing assignment
+ const handleUpdate = async (assignmentId, formData) => {
+ if (!isValidObjectId(assignmentId)) {
+ setError("Invalid Assignment ID");
+ return;
+ }
+
+ setIsLoading(true);
+ try {
+ await updateAssignment(assignmentId, formData);
+ fetchAssignments(); // Refresh assignment list
+ } catch (err) {
+ setError(err.response?.data?.message || "Error updating assignment");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Delete an assignment
+ const handleDelete = async (assignmentId) => {
+ if (!isValidObjectId(assignmentId)) {
+ setError("Invalid Assignment ID");
+ return;
+ }
+
+ setIsLoading(true);
+ try {
+ await deleteAssignment(assignmentId);
+ fetchAssignments(); // Refresh assignment list
+ } catch (err) {
+ setError(err.response?.data?.message || "Error deleting assignment");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Load assignments when component mounts
+ useEffect(() => {
+ fetchAssignments();
+ }, []);
+
+ return (
+
+ {children}
+
+ );
+};
\ No newline at end of file
diff --git a/frontend/src/context/AuthContext.jsx b/frontend/src/context/AuthContext.jsx
new file mode 100644
index 0000000..e285d0d
--- /dev/null
+++ b/frontend/src/context/AuthContext.jsx
@@ -0,0 +1,41 @@
+import { createContext, useContext, useEffect, useReducer } from "react";
+import { getCurrentUser, logout } from "../utils/api";
+
+const AuthContext = createContext();
+
+const authReducer = (state, action) => {
+ switch (action.type) {
+ case "LOGIN":
+ return { ...state, user: action.payload, isAuthenticated: true };
+ case "LOGOUT":
+ return { ...state, user: null, isAuthenticated: false };
+ default:
+ return state;
+ }
+};
+
+export const AuthProvider = ({ children }) => {
+ const [state, dispatch] = useReducer(authReducer, {
+ user: null,
+ isAuthenticated: false,
+ });
+
+ useEffect(() => {
+ getCurrentUser()
+ .then(({ data }) => dispatch({ type: "LOGIN", payload: data }))
+ .catch(() => dispatch({ type: "LOGOUT" }));
+ }, []);
+
+ const handleLogout = async () => {
+ await logout();
+ dispatch({ type: "LOGOUT" });
+ };
+
+ return (
+
+ {children}
+
+ );
+};
+
+export const useAuth = () => useContext(AuthContext);
diff --git a/frontend/context/ModalContext.jsx b/frontend/src/context/ModalContext.jsx
similarity index 100%
rename from frontend/context/ModalContext.jsx
rename to frontend/src/context/ModalContext.jsx
diff --git a/frontend/src/context/RegisterContext.jsx b/frontend/src/context/RegisterContext.jsx
new file mode 100644
index 0000000..c43c201
--- /dev/null
+++ b/frontend/src/context/RegisterContext.jsx
@@ -0,0 +1,72 @@
+import React, { createContext, useEffect, useState } from 'react';
+import { register,getCurrentUser } from '../utils/api';
+import { useNavigate } from 'react-router-dom';
+import { useContext } from 'react';
+export const RegisterContext = createContext();
+export const useRegister = () => useContext(RegisterContext);
+
+const RegisterProvider = ({ children }) => {
+ const [user, setUser] = useState(null); // Store user details
+ const [formData, setFormData] = useState({
+ fullName: "",
+ username: "",
+ email: "",
+ password: "",
+ avatar: null,
+ });
+ const [error, setError] = useState("");
+ const navigate = useNavigate();
+
+ const fetchUser = async () => {
+ try {
+ const response = await getCurrentUser(); // Fetch user from API
+ setUser(response.data.user); // Store user data
+ } catch (error) {
+ console.error("Failed to fetch user details:", error);
+ }
+ };
+
+ useEffect(() => {
+ if (localStorage.getItem("token")) {
+ fetchUser();
+ }
+ }, []);
+
+ const handleChange = (e) => {
+ const { name, value, files } = e.target;
+ if (name === "avatar" && files) {
+ setFormData((prev) => ({ ...prev, avatar: files[0] }));
+ } else {
+ setFormData((prev) => ({ ...prev, [name]: value }));
+ }
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ const data = new FormData();
+ Object.keys(formData).forEach((key) => data.append(key, formData[key]));
+
+ try {
+ const response=await register(data);
+ console.log("Registration Response:", response.data);
+ if (response.data && response.data.user) {
+ setUser(response.data.user); // Store user details
+ localStorage.setItem("token", response.data.token); // Save token
+ } else {
+ console.warn("User data missing in registration response");
+ }
+ navigate("/dashboard");
+ } catch (error) {
+ setError(error.response?.data?.message || "Registration failed");
+ }
+ };
+
+ return (
+
+ {children}
+
+ );
+};
+
+export default RegisterProvider;
diff --git a/frontend/src/context/TaskContext.jsx b/frontend/src/context/TaskContext.jsx
new file mode 100644
index 0000000..74c9503
--- /dev/null
+++ b/frontend/src/context/TaskContext.jsx
@@ -0,0 +1,98 @@
+import React, { createContext, useState, useContext, useEffect } from "react";
+import { createTask, getUserTasks, updateTask, deleteTask } from "../utils/apitask"; // Import API functions
+
+// Create Context
+const TaskContext = createContext();
+
+// Custom hook to use TaskContext
+export const useTasks = () => {
+ return useContext(TaskContext);
+};
+
+// Function to validate MongoDB ObjectId
+const isValidObjectId = (id) => /^[a-f\d]{24}$/i.test(id);
+
+
+// TaskProvider Component
+export const TaskProvider = ({ children }) => {
+ const [tasks, setTasks] = useState([]);
+ const [isLoading, setIsLoading] = useState(false);
+ const [error, setError] = useState(null);
+
+ // Fetch tasks from API
+ const fetchTasks = async () => {
+ setIsLoading(true);
+ try {
+ const response = await getUserTasks();
+ setTasks(response.data.data); // Assuming response.data.data holds the tasks array
+ } catch (err) {
+ setError(err.response?.data?.message || "Error fetching tasks");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Add a new task
+ const handleCreate = async (taskData) => {
+ setIsLoading(true);
+ try {
+ await createTask(taskData);
+ fetchTasks(); // Refresh task list
+ } catch (err) {
+ setError(err.response?.data?.message || "Error creating task");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Update an existing task
+ const handleUpdate = async (taskId, taskData) => {
+ if (!isValidObjectId(taskId)) {
+ setError("Invalid Task ID");
+ return;
+ }
+
+ setIsLoading(true);
+ try {
+ await updateTask(taskId, taskData);
+ fetchTasks(); // Refresh task list
+ } catch (err) {
+ setError(err.response?.data?.message || "Error updating task");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Delete a task
+ const handleDelete = async (taskId) => {
+ if (!isValidObjectId(taskId)) {
+ setError("Invalid Task ID");
+ return;
+ }
+
+ setIsLoading(true);
+ try {
+ await deleteTask(taskId);
+ fetchTasks(); // Refresh task list
+ } catch (err) {
+ setError(err.response?.data?.message || "Error deleting task");
+ console.error(err);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Load tasks when component mounts
+ useEffect(() => {
+ fetchTasks();
+ }, []);
+
+ return (
+
+ {children}
+
+ );
+};
diff --git a/frontend/src/context/ThemeContext.jsx b/frontend/src/context/ThemeContext.jsx
new file mode 100644
index 0000000..b7636b7
--- /dev/null
+++ b/frontend/src/context/ThemeContext.jsx
@@ -0,0 +1,44 @@
+
+import { createContext, useContext, useEffect, useState } from "react";
+
+
+// Create a context
+const ThemeContext = createContext();
+
+// Custom hook to use the theme context
+export const useTheme = () => useContext(ThemeContext);
+
+// Theme provider component
+export function ThemeProvider({ children }) {
+ const storedTheme = localStorage.getItem("theme") || "light";
+ const [theme, setTheme] = useState(storedTheme);
+
+ useEffect(() => {
+ document.documentElement.setAttribute("data-theme", theme);
+ localStorage.setItem("theme", theme);
+ }, [theme]);
+
+ // Toggle theme function
+ const toggleTheme = () => {
+ setTheme(theme === "light" ? "dark" : "light");
+ };
+
+ return (
+
+ {children}
+
+ );
+}
+
+// Dark Mode Page Component
+export default function DarkModePage() {
+ const { theme, toggleTheme } = useTheme();
+
+ return (
+
+
+
+ );
+}
diff --git a/frontend/context/UserContext.jsx b/frontend/src/context/UserContext.jsx
similarity index 100%
rename from frontend/context/UserContext.jsx
rename to frontend/src/context/UserContext.jsx
diff --git a/frontend/hooks/useActiveForm.js b/frontend/src/hooks/useActiveForm.js
similarity index 100%
rename from frontend/hooks/useActiveForm.js
rename to frontend/src/hooks/useActiveForm.js
diff --git a/frontend/hooks/useScrollTo.js b/frontend/src/hooks/useScrollTo.js
similarity index 100%
rename from frontend/hooks/useScrollTo.js
rename to frontend/src/hooks/useScrollTo.js
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index c4cf566..5307ae7 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -2,18 +2,30 @@ import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
-import ModalProvider from '../context/ModalContext.jsx'
-import { UserProvider } from '../context/UserContext.jsx'
+import ModalProvider from './context/ModalContext.jsx'
+import { UserProvider } from './context/UserContext.jsx'
import { BrowserRouter } from 'react-router-dom'
+import { AuthProvider } from './context/AuthContext.jsx'
+import { TaskProvider } from './context/TaskContext.jsx'
+import { AssignmentProvider } from './context/AssignmentContext.jsx'
+import RegisterProvider from './context/RegisterContext.jsx'
createRoot(document.getElementById('root')).render(
+
+
+
+
+
+
+
+
,
)
diff --git a/frontend/src/pages/Chats.jsx b/frontend/src/pages/Chats.jsx
new file mode 100644
index 0000000..4fae5a8
--- /dev/null
+++ b/frontend/src/pages/Chats.jsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import { ThemeProvider } from '../context/ThemeContext'
+import Sidebar from '../components/Sidebar'
+import Header from '../components/Header';
+import ThemeSwitcher from '../components/ThemeSwitcher';
+import { getUsers } from '../utils/messageapi';
+import { useState,useEffect } from 'react';
+
+
+
+
+
+
+const Chats = () => {
+ return (
+
+
+
+
+
+ )
+};
+
+export default Chats
diff --git a/frontend/pages/ContactUs.jsx b/frontend/src/pages/ContactUs.jsx
similarity index 100%
rename from frontend/pages/ContactUs.jsx
rename to frontend/src/pages/ContactUs.jsx
diff --git a/frontend/src/pages/Dashboard.jsx b/frontend/src/pages/Dashboard.jsx
new file mode 100644
index 0000000..fabb78c
--- /dev/null
+++ b/frontend/src/pages/Dashboard.jsx
@@ -0,0 +1,34 @@
+import React from 'react'
+import './theme.css'
+import { IoIosLogOut } from "react-icons/io";
+import { FaChartBar, FaCalendarAlt, FaFacebookMessenger, FaUsersCog } from "react-icons/fa";
+import ThemeSwitcher from '../components/ThemeSwitcher';
+import { ThemeProvider } from '../context/ThemeContext'
+import Header from '../components/Header';
+import Sidebar from '../components/Sidebar';
+import QuoteDisplay from '../components/QuotesDisplay';
+import TaskManager from '../components/Taskmanager';
+import { TaskProvider } from '../context/TaskContext';
+const Dashboard = () => {
+
+
+
+ return (
+
+
+
+
+
+ )
+}
+
+export default Dashboard
diff --git a/frontend/pages/Home.jsx b/frontend/src/pages/Home.jsx
similarity index 96%
rename from frontend/pages/Home.jsx
rename to frontend/src/pages/Home.jsx
index 5863fa9..598c87e 100644
--- a/frontend/pages/Home.jsx
+++ b/frontend/src/pages/Home.jsx
@@ -60,9 +60,10 @@ const Home = () => {
scrollTo('top')}
className="text-lg font-extrabold cursor-pointer ">
Home
-
+
+
Get Started
+
scrollTo('contact-us')}
className="text-lg font-extrabold cursor-pointer">
@@ -109,7 +110,7 @@ const Home = () => {
)}
{/* Main Container */}
-
+
+
{
+
+ const [credentials, setCredentials] = useState({ email: "", password: "" });
+ const { dispatch } = useAuth();
+ const navigate = useNavigate();
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setCredentials((prev) => ({ ...prev, [name]: value }));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ try {
+ const { data } = await login(credentials);
+ localStorage.setItem("token", data.accessToken);
+ dispatch({ type: "LOGIN", payload: data.user });
+ navigate("/dashboard");
+ } catch (error) {
+ console.error(error.response?.data?.message || "Login failed");
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default Login;
\ No newline at end of file
diff --git a/frontend/pages/Photos.jsx b/frontend/src/pages/Photos.jsx
similarity index 100%
rename from frontend/pages/Photos.jsx
rename to frontend/src/pages/Photos.jsx
diff --git a/frontend/src/pages/SignOut.jsx b/frontend/src/pages/SignOut.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/pages/Signup.jsx b/frontend/src/pages/Signup.jsx
new file mode 100644
index 0000000..3f3f607
--- /dev/null
+++ b/frontend/src/pages/Signup.jsx
@@ -0,0 +1,68 @@
+import React, { useContext } from 'react';
+import { RegisterContext } from '../context/RegisterContext';
+import { useEffect } from 'react';
+const Signup = () => {
+
+
+ const { formData, error, handleChange, handleSubmit,user,fetchUser } = useContext(RegisterContext);
+ useEffect(() => {
+ fetchUser(); // Fetch user details when Signup component mounts
+ }, []);
+
+
+
+ return (
+
+ );
+};
+
+export default Signup;
diff --git a/frontend/pages/styles.css b/frontend/src/pages/styles.css
similarity index 99%
rename from frontend/pages/styles.css
rename to frontend/src/pages/styles.css
index 96e03ed..6088070 100644
--- a/frontend/pages/styles.css
+++ b/frontend/src/pages/styles.css
@@ -10,7 +10,7 @@
background-color: black;
}
star{
- z-index: 0;
+ z-index: -1;
position: absolute;
top: 0;
left: 0;
diff --git a/frontend/src/pages/theme.css b/frontend/src/pages/theme.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/utils/api.js b/frontend/src/utils/api.js
new file mode 100644
index 0000000..0555216
--- /dev/null
+++ b/frontend/src/utils/api.js
@@ -0,0 +1,22 @@
+import axios from "axios";
+
+const API = axios.create({
+ baseURL: "http://localhost:8000/users",
+ withCredentials: true, // Required for cookies (refresh tokens)
+});
+
+// Add JWT to headers
+API.interceptors.request.use((config) => {
+ const token = localStorage.getItem("token");
+ if (token) config.headers.Authorization = `Bearer ${token}`;
+ return config;
+});
+
+
+/* ---------- Authentication API Calls---------- */
+export const register = (formData) => API.post("/register", formData);
+export const login = (credentials) => API.post("/login", credentials);
+export const logout = () => API.post("/logout");
+export const refreshToken = () => API.post("/refresh-token");
+export const getCurrentUser = () => API.get("/current-user");
+
diff --git a/frontend/src/utils/apitask.js b/frontend/src/utils/apitask.js
new file mode 100644
index 0000000..ca79ac4
--- /dev/null
+++ b/frontend/src/utils/apitask.js
@@ -0,0 +1,33 @@
+import axios from "axios";
+
+const API = axios.create({
+ baseURL: "http://localhost:8000/tasks",
+ withCredentials: true, // Required for cookies (refresh tokens)
+});
+
+API.interceptors.request.use((config) => {
+ const token = localStorage.getItem("token");
+ if (token) {
+ console.log("Adding Authorization header:", token); // Log token for debugging
+ config.headers.Authorization = `Bearer ${token}`;
+ }
+ return config;
+ });
+
+
+
+
+// Create a new task
+export const createTask = (taskData) => API.post("/", taskData);
+
+// Get all tasks for the current user
+export const getUserTasks = () => API.get("/getTasks");
+
+// Get a specific task by ID
+export const getTaskById = (taskId) => API.get(`/${taskId}`);
+
+// Update a task
+export const updateTask = (taskId, taskData) => API.patch(`/${taskId}`, taskData);
+
+// Delete a task
+export const deleteTask = (taskId) => API.delete(`/${taskId}`);
diff --git a/frontend/src/utils/assignmentapi.js b/frontend/src/utils/assignmentapi.js
new file mode 100644
index 0000000..7538c52
--- /dev/null
+++ b/frontend/src/utils/assignmentapi.js
@@ -0,0 +1,33 @@
+import axios from "axios";
+
+const API = axios.create({
+ baseURL: "http://localhost:8000/assignments", // Backend URL
+ withCredentials: true, // Required for authentication (cookies, sessions, etc.)
+});
+
+// Add JWT to headers if available
+API.interceptors.request.use((config) => {
+ const token = localStorage.getItem("token");
+ if (token) {
+ console.log("Adding Authorization header:", token); // Log token for debugging
+ config.headers.Authorization = `Bearer ${token}`;
+ }
+ return config;
+});
+
+// ---------- Assignment API Calls ----------
+
+// Create a new assignment (supports multiple files)
+export const createAssignment = (formData) =>
+ API.post("/", formData, { headers: { "Content-Type": "multipart/form-data" } });
+
+// Fetch all assignments of the current user
+export const getUserAssignments = () => API.get("/getAssignments");
+
+// Update an existing assignment
+export const updateAssignment = (assignmentId, formData) =>
+ API.patch(`/${assignmentId}`, formData, { headers: { "Content-Type": "multipart/form-data" } });
+
+// Delete an assignment
+export const deleteAssignment = (assignmentId) => API.delete(`/${assignmentId}`);
+
diff --git a/frontend/src/utils/messageapi.js b/frontend/src/utils/messageapi.js
new file mode 100644
index 0000000..ee169cd
--- /dev/null
+++ b/frontend/src/utils/messageapi.js
@@ -0,0 +1,44 @@
+// api.js
+import axios from "axios";
+
+<<<<<<< HEAD
+const API_URL = "http://localhost:8000"; // Adjust the URL as per your backend
+=======
+const API_URL = "http://localhost:5000"; // Adjust the URL as per your backend
+>>>>>>> 4e1f51c2bdb9bad8032998506527017ff5dee47a
+
+// Axios instance with JWT token header
+const axiosInstance = axios.create({
+ baseURL: API_URL,
+});
+
+axiosInstance.interceptors.request.use((config) => {
+ const token = localStorage.getItem("token"); // Assuming token is stored in localStorage
+ if (token) {
+ config.headers.Authorization = `Bearer ${token}`;
+ }
+ return config;
+});
+
+// Get all users
+export const getUsers = async () => {
+ const response = await axiosInstance.get("/users");
+ return response.data.data;
+};
+
+// Get messages for a specific user
+export const getMessages = async (userId) => {
+ const response = await axiosInstance.get(`/messages/${userId}`);
+ return response.data.data;
+};
+
+// Send a message
+export const sendMessage = async (receiverId, text, file) => {
+ const formData = new FormData();
+ formData.append("text", text);
+ if (file) {
+ formData.append("img", file);
+ }
+ const response = await axiosInstance.post(`/send/${receiverId}`, formData);
+ return response.data.data;
+};
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 1e13fd8..f7fb309 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,7 +1,7 @@
-import daisyui from 'daisyui';
-
+// tailwind.config.js
+import daisyui from 'daisyui';
export default {
content: [
"./src/**/*.{html,js,ts,jsx,tsx}",
@@ -9,5 +9,8 @@ export default {
theme: {
extend: {},
},
- plugins: [daisyui],
+
+ plugins: [daisyui], // DaisyUI plugin added here
+ darkMode: 'class', // Enable dark mode using class (this makes it toggleable)
+
};