Frontend

frontend/src/App.jsx

@@ -2,11 +2,11 @@ import React from "react";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Login from "./Login";
 import Home from "./Home";
-import Assignment from "./Assignment";
-import Deposit from "./Deposit";
+import Assignment from "./pages/generation/Assignment";
+import Deposit from "./pages/generation/Deposit";
 import Intro from "./Intro";
-import Admin from "./Admin";
-import Attendance from "./Attendance";
+import Admin from "./pages/admin/Admin";
+import Attendance from "./pages/generation/Attendance";
 
 function App() {
   return (

frontend/src/Assignment.jsx → frontend/src/pages/generation/Assignment.jsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from "react";
-import WeeklyListBlock from "./components/WeeklyListBlock";
-import Header from "./components/Header";
-import AssignmentInfoBlock from "./components/AssignmentInfoBlock";
+import WeeklyListBlock from "../../components/WeeklyListBlock";
+import Header from "../../components/Header";
+import AssignmentInfoBlock from "../../components/AssignmentInfoBlock";
 import styles from "./Assignment.module.css";
-import { mapStatus } from "./utils/AssignmentStatus.js";
-import { fetchAssignmentsByUser } from "./api/assignment.js";
+import { mapStatus } from "../../utils/AssignmentStatus.js";
+import { fetchAssignmentsByUser } from "../../api/assignment.js";
 
 const Assignment = () => {
   const [weeks, setWeeks] = useState([]);

frontend/src/Attendance.jsx → frontend/src/pages/generation/Attendance.jsx

@@ -1,9 +1,9 @@
 import { useEffect, useState } from "react";
-import Header from "./components/Header";
-import InputBlock from "./components/InputBlock";
-import AttendanceWeekInfo from "./components/AttendanceWeekInfo";
+import Header from "../../components/Header";
+import InputBlock from "../../components/InputBlock";
+import AttendanceWeekInfo from "../../components/AttendanceWeekInfo";
 import styles from "./Attendance.module.css";
-import api from "./api/api";
+import api from "../../api/api";
 
 const Attendance = () => {
   const [attendanceCode, setAttendanceCode] = useState([""]);

frontend/src/Deposit.jsx → frontend/src/pages/generation/Deposit.jsx

@@ -1,8 +1,8 @@
-import Header from "./components/Header";
+import Header from "../../components/Header";
 import styles from "./Deposit.module.css";
 import axios from "axios";
 import { useEffect, useState } from "react";
-import api from "./api/api";
+import api from "../../api/api";
 
 const Deposit = () => {
   const [deposit, setDeposit] = useState(null);