diff --git a/client/src/App.jsx b/client/src/App.jsx
index 5375bba..8af6a8e 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -62,7 +62,6 @@ function Main() {
   const [applications, setApplications] = useState([]);
   const [notifications, setNotifications] = useState([]);
   const [requests, setRequests] = useState([]);
-  const [requestSent, setRequestSent] = useState(false);
 
   // Message to be shown to the user after an API has been called
   const [alert, setAlert] = useState({
@@ -183,9 +182,9 @@ function Main() {
         <Routes>
           {/* prettier-ignore */}
           <Route path="/" element={user ? <RootPage loading={loading} setAlert={setAlert} setDirty={setDirty} currentDate={currentDate} fetchProposals={fetchProposals} fetchApplications={fetchApplications} fetchNotifications={fetchNotifications} fetchRequests={fetchRequests} /> : <LoginPage />}>
-            <Route path="proposals" element={user ? <ProposalsPage requestSent={requestSent} setAlert={setAlert} setDirty={setDirty} currentDate={currentDate} proposals={proposals} applications={applications} teachers={teachers} groups={groups} getTeacherById={getTeacherById} /> : <Navigate replace to="/" />} />
+            <Route path="proposals" element={user ? <ProposalsPage setAlert={setAlert} setDirty={setDirty} currentDate={currentDate} proposals={proposals} applications={applications} teachers={teachers} groups={groups} getTeacherById={getTeacherById} /> : <Navigate replace to="/" />} />
             <Route path="proposals/:proposalId" element={user ? <ViewProposalPage setDirty={setDirty} setAlert={setAlert} getTeacherById={getTeacherById} getDegreeById={getDegreeById} applications={applications} /> : <Navigate replace to="/" />} />
-            <Route path="add-request" element={user ? <CreateRequestPage teachers={teachers} setAlert={setAlert} setRequestSent={setRequestSent} /> : <Navigate replace to="/" />} />
+            <Route path="add-request" element={user ? <CreateRequestPage fetchRequests={fetchRequests} teachers={teachers} getTeacherById={getTeacherById} setAlert={setAlert} /> : <Navigate replace to="/" />} />
             <Route path="edit-proposal/:proposalId" element={user ? <EditProposalPage currentDate={currentDate} fetchProposals={fetchProposals} teachers={teachers} degrees={degrees} setAlert={setAlert} /> : <Navigate replace to="/" />} />
             <Route path="applications" element={user ? <ApplicationsPage applications={applications} /> : <Navigate replace to="/" /> } />
             <Route path="applications/:applicationId" element={user ? <ViewApplicationPage fetchApplications={fetchApplications} fetchNotifications={fetchNotifications} setAlert={setAlert} applications={applications} /> : <Navigate replace to="/" />} />
diff --git a/client/src/components/ApplicationDetails.jsx b/client/src/components/ApplicationDetails.jsx
index ffad7e7..0d01f59 100644
--- a/client/src/components/ApplicationDetails.jsx
+++ b/client/src/components/ApplicationDetails.jsx
@@ -17,12 +17,13 @@ import ConfirmationDialog from "./ConfirmationDialog";
 import { useThemeContext } from "../theme/ThemeContextProvider";
 import API from "../utils/API";
 import StudentCareerTable from "./StudentCareerTable";
+import { NavLink } from "react-router-dom";
 
 function ApplicationDetails(props) {
   const user = useContext(UserContext);
   const handleErrors = useContext(ErrorContext);
   const { theme } = useThemeContext();
-  const { application, evaluateApplication, applications } = props;
+  const { application, evaluateApplication, applications, proposal } = props;
 
   const [decision, setDecision] = useState(null);
   const [openDialog, setOpenDialog] = useState(false);
@@ -227,7 +228,19 @@ function ApplicationDetails(props) {
       <Divider variant="middle" />
       <Typography variant="body1" gutterBottom paddingTop={2}>
         <span style={{ fontWeight: "bold" }}>Title: </span>
-        {application.title}
+        {isApplicationAccepted() && user.role === "student" ? (
+          <Link
+            color="primary"
+            underline="always"
+            component={NavLink}
+            to={`/proposals/${proposal?.id}`}
+            state={{ proposal: proposal }}
+          >
+            {application.title}
+          </Link>
+        ) : (
+          application.title
+        )}
       </Typography>
       <Box paddingTop={4} sx={{ display: "flex", justifyContent: "center" }}>
         {renderActionButton()}
@@ -239,7 +252,8 @@ function ApplicationDetails(props) {
 ApplicationDetails.propTypes = {
   application: PropTypes.object,
   evaluateApplication: PropTypes.func,
-  applications: PropTypes.array
+  applications: PropTypes.array,
+  proposal: PropTypes.object
 };
 
 export default ApplicationDetails;
diff --git a/client/src/components/ApplicationTable.jsx b/client/src/components/ApplicationTable.jsx
index d541737..7ef8512 100644
--- a/client/src/components/ApplicationTable.jsx
+++ b/client/src/components/ApplicationTable.jsx
@@ -12,7 +12,7 @@ import ApplicationRow from "./ApplicationRow";
 import UserContext from "../contexts/UserContext";
 
 const TEACHER_HEADERS = ["Student", "Proposal", "Status", "Open"];
-const STUDENT_HEADERS = ["Teacher", "Proposal", "Status", "Open"];
+const STUDENT_HEADERS = ["Supervisor", "Proposal", "Status", "Open"];
 
 function generateTableHeaders(headers, align) {
   return headers.map((headCell) => (
diff --git a/client/src/components/RequestDetails.jsx b/client/src/components/RequestDetails.jsx
index 47c1bba..8bfa9ab 100644
--- a/client/src/components/RequestDetails.jsx
+++ b/client/src/components/RequestDetails.jsx
@@ -8,7 +8,10 @@ import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import AccessTimeIcon from "@mui/icons-material/AccessTime";
 import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
+import EditNotificationsIcon from "@mui/icons-material/EditNotifications";
 import HighlightOffIcon from "@mui/icons-material/HighlightOff";
+import ModeEditIcon from "@mui/icons-material/ModeEdit";
+import ScheduleSendIcon from "@mui/icons-material/ScheduleSend";
 import ConfirmationDialog from "./ConfirmationDialog";
 import UserContext from "../contexts/UserContext";
 import { useThemeContext } from "../theme/ThemeContextProvider";
@@ -62,7 +65,7 @@ function RequestDetails(props) {
           return (
             <Box sx={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
               <AccessTimeIcon color="info" />
-              <Typography variant="h6" fontWeight={700} style={{ color: theme.palette.info.main }}>
+              <Typography variant="h6" textAlign="center" fontWeight={700} style={{ color: theme.palette.info.main }}>
                 REQUEST APPROVED
               </Typography>
             </Box>
@@ -95,42 +98,62 @@ function RequestDetails(props) {
               </Button>
             </Stack>
           );
+        } else if (user.role === "student") {
+          return (
+            <Box sx={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
+              <ScheduleSendIcon color="info" />
+              <Typography variant="h6" textAlign="center" fontWeight={700} style={{ color: theme.palette.info.main }}>
+                WAITING FOR SUPERVISOR APPROVAL
+              </Typography>
+            </Box>
+          );
         }
         break;
       case "requested":
-        return (
-          <Stack direction="row" spacing={3} sx={{ width: "100%" }}>
-            <Button
-              variant="outlined"
-              color="error"
-              fullWidth
-              sx={{ mt: 3, mb: 2 }}
-              onClick={() => {
-                setDecision("rejected");
-                handleOpenDialog();
-              }}
-            >
-              Reject
-            </Button>
-            <Button
-              variant="contained"
-              fullWidth
-              sx={{ mt: 3, mb: 2 }}
-              onClick={() => {
-                setDecision("approved");
-                handleOpenDialog();
-              }}
-            >
-              Approve
-            </Button>
-          </Stack>
-        );
+        if (user.role === "student") {
+          return (
+            <Box sx={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
+              <ScheduleSendIcon color="info" />
+              <Typography variant="h6" textAlign="center" fontWeight={700} style={{ color: theme.palette.info.main }}>
+                WAITING FOR SECRETARY APPROVAL
+              </Typography>
+            </Box>
+          );
+        } else {
+          return (
+            <Stack direction="row" spacing={3} sx={{ width: "100%" }}>
+              <Button
+                variant="outlined"
+                color="error"
+                fullWidth
+                sx={{ mt: 3, mb: 2 }}
+                onClick={() => {
+                  setDecision("rejected");
+                  handleOpenDialog();
+                }}
+              >
+                Reject
+              </Button>
+              <Button
+                variant="contained"
+                fullWidth
+                sx={{ mt: 3, mb: 2 }}
+                onClick={() => {
+                  setDecision("approved");
+                  handleOpenDialog();
+                }}
+              >
+                Approve
+              </Button>
+            </Stack>
+          );
+        }
       case "rejected":
         return (
           <Box sx={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
             <HighlightOffIcon color="error" />
-            <Typography variant="h6" fontWeight={700} style={{ color: theme.palette.error.main }}>
-              REQUEST REJECTED
+            <Typography variant="h6" textAlign="center" fontWeight={700} style={{ color: theme.palette.error.main }}>
+              {user.role === "student" ? "REQUEST REJECTED. YOU CAN NOW SUBMIT A NEW REQUEST." : "REQUEST REJECTED"}
             </Typography>
           </Box>
         );
@@ -138,11 +161,27 @@ function RequestDetails(props) {
         return (
           <Box sx={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
             <CheckCircleOutlineIcon color="success" />
-            <Typography variant="h6" fontWeight={700} style={{ color: theme.palette.success.main }}>
-              REQUEST STARTED
+            <Typography variant="h6" textAlign="center" fontWeight={700} style={{ color: theme.palette.success.main }}>
+              THESIS STARTED
             </Typography>
           </Box>
         );
+      case "changes_requested":
+        return (
+          user.role === "student" && (
+            <Box sx={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
+              <EditNotificationsIcon color="warning" />
+              <Typography
+                variant="h6"
+                textAlign="center"
+                fontWeight={700}
+                style={{ color: theme.palette.warning.main }}
+              >
+                CHANGES REQUESTED BY SUPERVISOR
+              </Typography>
+            </Box>
+          )
+        );
       default:
         break;
     }
@@ -150,23 +189,27 @@ function RequestDetails(props) {
 
   return (
     <>
-      <ConfirmationDialog
-        title="Confirm Decision"
-        message={dialogMessage}
-        primaryButtonLabel="Submit"
-        secondaryButtonLabel="Cancel"
-        open={openDialog}
-        handleClose={handleCloseDialog}
-        handleSubmit={handleDecisionSubmit}
-      />
-      <Typography variant="h5" gutterBottom paddingTop={2}>
-        Student information
-      </Typography>
-      <Divider variant="middle" />
-      <Typography variant="body1" gutterBottom paddingTop={2}>
-        <span style={{ fontWeight: "bold" }}>Student ID: </span>
-        {request.student_id}
-      </Typography>
+      {user.role !== "student" && (
+        <>
+          <ConfirmationDialog
+            title="Confirm Decision"
+            message={dialogMessage}
+            primaryButtonLabel="Submit"
+            secondaryButtonLabel="Cancel"
+            open={openDialog}
+            handleClose={handleCloseDialog}
+            handleSubmit={handleDecisionSubmit}
+          />
+          <Typography variant="h5" gutterBottom paddingTop={2}>
+            Student information
+          </Typography>
+          <Divider variant="middle" />
+          <Typography variant="body1" gutterBottom paddingTop={2}>
+            <span style={{ fontWeight: "bold" }}>Student ID: </span>
+            {request.student_id}
+          </Typography>
+        </>
+      )}
 
       <Typography variant="h5" gutterBottom paddingTop={2}>
         Supervisors
@@ -184,24 +227,36 @@ function RequestDetails(props) {
       )}
 
       <Typography variant="h5" gutterBottom sx={{ mt: 3 }}>
-        Thesis Request
+        Thesis Details
       </Typography>
       <Divider variant="middle" />
       <Typography variant="body1" gutterBottom paddingTop={2}>
         <span style={{ fontWeight: "bold" }}>Title: </span>
         {request.title}
       </Typography>
-      <Typography variant="body1" gutterBottom>
-        <span style={{ fontWeight: "bold" }}>Description: </span>
-        {showMore ? `${request.description} ` : `${request.description.substring(0, 250)}... `}
-        <Link component="button" variant="body2" onClick={() => setShowMore(!showMore)}>
-          {showMore ? "Show less" : "Show more"}
-        </Link>
-      </Typography>
-
-      <Box paddingTop={4} sx={{ display: "flex", justifyContent: "center" }}>
+      {request.description.length > 250 ? (
+        <Typography variant="body1" gutterBottom>
+          <span style={{ fontWeight: "bold" }}>Description: </span>
+          {showMore ? `${request.description} ` : `${request.description.substring(0, 250)}... `}
+          <Link component="button" variant="body2" onClick={() => setShowMore(!showMore)}>
+            {showMore ? "Show less" : "Show more"}
+          </Link>
+        </Typography>
+      ) : (
+        <Typography variant="body1" gutterBottom>
+          <span style={{ fontWeight: "bold" }}>Description: </span>
+          {request.description}
+        </Typography>
+      )}
+      <Box paddingTop={1} sx={{ display: "flex", justifyContent: "center" }}>
         {renderActions()}
       </Box>
+      {user.role === "student" && request.status === "changes_requested" && (
+        <Typography variant="body1" gutterBottom paddingTop={2}>
+          <span style={{ fontWeight: "bold" }}>Message from supervisor: </span>
+          {request.changes_requested}
+        </Typography>
+      )}
     </>
   );
 }
diff --git a/client/src/components/RequestForm.jsx b/client/src/components/RequestForm.jsx
index 7d8e6d6..3aea19f 100644
--- a/client/src/components/RequestForm.jsx
+++ b/client/src/components/RequestForm.jsx
@@ -10,13 +10,15 @@ import TextField from "@mui/material/TextField";
 import CustomPaper from "./CustomPaper";
 
 function RequestForm(props) {
-  const { createRequest, teachers } = props;
+  const { createRequest, teachers, getTeacherById, proposal } = props;
+
+  const supervisor = proposal ? getTeacherById(proposal.supervisor) : null;
 
   const [formData, setFormData] = useState({
-    title: "",
-    description: "",
-    supervisor: null,
-    coSupervisors: []
+    title: proposal ? proposal.title : "",
+    description: proposal ? proposal.description : "",
+    supervisor: supervisor ? supervisor.email : null,
+    coSupervisors: proposal ? proposal.co_supervisors.split(", ") : []
   });
 
   const [formErrors, setFormErrors] = useState({
@@ -191,7 +193,9 @@ function RequestForm(props) {
 
 RequestForm.propTypes = {
   createRequest: PropTypes.func,
-  teachers: PropTypes.array
+  teachers: PropTypes.array,
+  getTeacherById: PropTypes.func,
+  proposal: PropTypes.object
 };
 
 export default RequestForm;
diff --git a/client/src/components/RequestRow.jsx b/client/src/components/RequestRow.jsx
index 4259633..d116666 100644
--- a/client/src/components/RequestRow.jsx
+++ b/client/src/components/RequestRow.jsx
@@ -38,8 +38,8 @@ function RequestRow(props) {
 
   return (
     <TableRow>
-      <TableCell>{request.student_id}</TableCell>
-      {user.role === "secretary_clerk" && <TableCell>{renderSupervisor()}</TableCell>}
+      {user.role !== "student" && <TableCell>{request.student_id}</TableCell>}
+      {user.role !== "teacher" && <TableCell>{renderSupervisor()}</TableCell>}
       <TableCell
         sx={{
           maxWidth: "30vw",
diff --git a/client/src/components/RequestTable.jsx b/client/src/components/RequestTable.jsx
index 0d7c8be..3f552c3 100644
--- a/client/src/components/RequestTable.jsx
+++ b/client/src/components/RequestTable.jsx
@@ -34,6 +34,8 @@ function RequestTable(props) {
   const renderHeaders = () => {
     if (user.role === "teacher") {
       return HEADERS.filter((header) => header !== "Supervisor");
+    } else if (user.role === "student") {
+      return HEADERS.filter((header) => header !== "Student");
     } else {
       return HEADERS;
     }
diff --git a/client/src/components/Sidebar.jsx b/client/src/components/Sidebar.jsx
index d1e7cad..6866b49 100644
--- a/client/src/components/Sidebar.jsx
+++ b/client/src/components/Sidebar.jsx
@@ -34,7 +34,7 @@ const sidebarTabs = [
   },
   {
     id: "requests",
-    label: "Requests",
+    label: "Start Requests",
     icon: <ApprovalIcon color="primary" />,
     path: "/requests"
   },
@@ -63,7 +63,7 @@ function Sidebar(props) {
     let tabs = [];
     switch (user.role) {
       case "student":
-        tabs = sidebarTabs.filter((tab) => tab.id !== "requests");
+        tabs = sidebarTabs.map((tab) => (tab.id === "requests" ? { ...tab, label: "Start Request" } : tab));
         break;
       case "teacher":
         tabs = sidebarTabs;
diff --git a/client/src/routes/CreateRequestPage.jsx b/client/src/routes/CreateRequestPage.jsx
index 982445b..a5611d9 100644
--- a/client/src/routes/CreateRequestPage.jsx
+++ b/client/src/routes/CreateRequestPage.jsx
@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { Link, useNavigate } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
 import PropTypes from "prop-types";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import Box from "@mui/material/Box";
@@ -12,9 +12,12 @@ import ErrorContext from "../contexts/ErrorContext";
 import API from "../utils/API";
 
 function CreateRequestPage(props) {
-  const { teachers, setAlert, setRequestSent } = props;
+  const { fetchRequests, teachers, getTeacherById, setAlert } = props;
   const handleErrors = useContext(ErrorContext);
   const navigate = useNavigate();
+  const location = useLocation();
+
+  const proposal = location.state?.proposal;
 
   const createRequest = (request) => {
     API.createRequest(request)
@@ -23,8 +26,8 @@ function CreateRequestPage(props) {
           message: "Request submitted successfully",
           severity: "success"
         });
-        setRequestSent(true);
-        navigate("/proposals");
+        fetchRequests();
+        navigate(-1);
       })
       .catch((err) => handleErrors(err));
   };
@@ -39,8 +42,7 @@ function CreateRequestPage(props) {
         justifyContent="space-between"
       >
         <Button
-          component={Link}
-          to="/proposals"
+          onClick={() => navigate(-1)}
           variant="outlined"
           startIcon={<ArrowBackIcon />}
           sx={{ ml: { md: 4, xs: 0 } }}
@@ -49,11 +51,16 @@ function CreateRequestPage(props) {
         </Button>
       </Stack>
       <Typography variant="h4" sx={{ paddingY: 4, marginLeft: { md: 4, xs: 0 } }}>
-        Request Start Proposal
+        Thesis Start Request
       </Typography>
       <Paper elevation={1} sx={{ mb: 5, pt: 2, borderRadius: 4, mx: { md: 4, xs: 0 } }}>
         <Box paddingX={5} sx={{ px: { md: 5, xs: 3 } }} paddingBottom={3}>
-          <RequestForm createRequest={createRequest} teachers={teachers} />
+          <RequestForm
+            createRequest={createRequest}
+            teachers={teachers}
+            getTeacherById={getTeacherById}
+            proposal={proposal}
+          />
         </Box>
       </Paper>
       <Box height={3} />
@@ -62,9 +69,10 @@ function CreateRequestPage(props) {
 }
 
 CreateRequestPage.propTypes = {
+  fetchRequests: PropTypes.func,
   teachers: PropTypes.array,
-  setAlert: PropTypes.func,
-  setRequestSent: PropTypes.func
+  getTeacherById: PropTypes.func,
+  setAlert: PropTypes.func
 };
 
 export default CreateRequestPage;
diff --git a/client/src/routes/ProposalsPage.jsx b/client/src/routes/ProposalsPage.jsx
index 984cdcf..ddc3ac0 100644
--- a/client/src/routes/ProposalsPage.jsx
+++ b/client/src/routes/ProposalsPage.jsx
@@ -12,7 +12,6 @@ import Fab from "@mui/material/Fab";
 import Hidden from "@mui/material/Hidden";
 import InputAdornment from "@mui/material/InputAdornment";
 import OutlinedInput from "@mui/material/OutlinedInput";
-import ScheduleSendIcon from "@mui/icons-material/ScheduleSend";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import Toolbar from "@mui/material/Toolbar";
@@ -24,8 +23,7 @@ import { TEACHER_PROPOSALS_FILTERS, TEACHER_HEADERS_ACTIVE, TEACHER_HEADERS_EXPI
 import API from "../utils/API";
 
 function ProposalsPage(props) {
-  const { requestSent, setAlert, setDirty, currentDate, proposals, applications, teachers, groups, getTeacherById } =
-    props;
+  const { setAlert, setDirty, currentDate, proposals, applications, teachers, groups, getTeacherById } = props;
   const user = useContext(UserContext);
   const handleErrors = useContext(ErrorContext);
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
@@ -120,18 +118,6 @@ function ProposalsPage(props) {
         <Typography variant="h4" sx={{ paddingY: { md: 4, xs: 2 }, marginLeft: { md: 4, xs: 0 } }}>
           Theses Proposals
         </Typography>
-        <Hidden smDown>
-          <Button
-            component={Link}
-            to="/add-request"
-            variant="contained"
-            sx={{ mr: 4 }}
-            startIcon={requestSent ? <ScheduleSendIcon /> : <AddIcon />}
-            disabled={requestSent}
-          >
-            {requestSent ? "Request sent" : "New Request"}
-          </Button>
-        </Hidden>
       </Stack>
       <Toolbar
         sx={{
@@ -176,18 +162,6 @@ function ProposalsPage(props) {
       </Toolbar>
       <ProposalTable data={filteredStudentProposals} getTeacherById={getTeacherById} applications={applications} />
       <Box height={5} marginTop={3} />
-      <Hidden smUp>
-        <Stack
-          direction="row"
-          alignItems="center"
-          justifyContent="flex-end"
-          sx={{ position: "fixed", bottom: 24, right: 24 }}
-        >
-          <Fab component={Link} to="/add-request" aria-label="Add" color="primary">
-            <AddIcon />
-          </Fab>
-        </Stack>
-      </Hidden>
     </>
   );
 
@@ -330,7 +304,6 @@ function ProposalsPage(props) {
 }
 
 ProposalsPage.propTypes = {
-  requestSent: PropTypes.bool,
   setAlert: PropTypes.func,
   setDirty: PropTypes.func,
   currentDate: PropTypes.string,
diff --git a/client/src/routes/RequestsPage.jsx b/client/src/routes/RequestsPage.jsx
index 140d2f4..4518b41 100644
--- a/client/src/routes/RequestsPage.jsx
+++ b/client/src/routes/RequestsPage.jsx
@@ -1,18 +1,131 @@
 import PropTypes from "prop-types";
-import { Box, Stack, Typography } from "@mui/material";
+import { useContext, useState } from "react";
+import { Link } from "react-router-dom";
+import { Alert, Box, Button, Fab, Hidden, Paper, Stack, Step, StepLabel, Stepper, Typography } from "@mui/material";
+import AddIcon from "@mui/icons-material/Add";
+import ScheduleSendIcon from "@mui/icons-material/ScheduleSend";
 import RequestTable from "../components/RequestTable";
+import UserContext from "../contexts/UserContext";
+import RequestDetails from "../components/RequestDetails";
+
+const infoMessage =
+  "In order to start your thesis activity, you must submit a formal request. You can either create a thesis start request from this page after having discussed the topic with your supervisors, or you can create one from an accepted application in the application page.";
+
+const steps = ["Request submitted", "Approved by a secretary clerk", "Approved by your supervisor"];
 
 function RequestsPage(props) {
   const { requests, teachers } = props;
+  const user = useContext(UserContext);
+
+  const [lastActiveStep, setLastActiveStep] = useState(-1);
+
+  const getActiveRequest = () => {
+    const lastRequest = requests[requests.length - 1];
+    return lastRequest;
+  };
+
+  const getActiveStep = () => {
+    const request = getActiveRequest();
+    if (!request) {
+      return -1;
+    }
+    let newActiveStep = -1;
+    switch (request.status) {
+      case "requested":
+        newActiveStep = 1;
+        break;
+      case "secretary_accepted":
+        newActiveStep = 2;
+        break;
+      case "started":
+        newActiveStep = 3;
+        break;
+      case "changes_requested":
+        return 2;
+      default:
+        return lastActiveStep;
+    }
+    if (newActiveStep !== lastActiveStep) {
+      setLastActiveStep(newActiveStep);
+    }
+    return newActiveStep;
+  };
+
+  const isStartRequestButtonDisabled = () => {
+    const activeRequest = getActiveRequest();
+    return activeRequest && activeRequest.status !== "rejected";
+  };
+
   return (
     <div id="requests-page">
       <Stack direction="row" alignItems="center" justifyContent="space-between">
         <Typography variant="h4" sx={{ paddingY: { md: 4, xs: 2 }, marginLeft: { md: 4, xs: 0 } }}>
-          Thesis Requests
+          {user.role === "student" ? "My Thesis Request" : "Thesis Requests"}
         </Typography>
+        {user.role === "student" && (
+          <Hidden smDown>
+            <Button
+              component={Link}
+              to="/add-request"
+              disabled={isStartRequestButtonDisabled()}
+              variant="contained"
+              sx={{ mr: 4 }}
+              startIcon={isStartRequestButtonDisabled() ? <ScheduleSendIcon /> : <AddIcon />}
+            >
+              {isStartRequestButtonDisabled() ? "Request sent" : "Start Request"}
+            </Button>
+          </Hidden>
+        )}
       </Stack>
-      <RequestTable requests={requests} teachers={teachers} />
+      {user.role === "student" && (
+        <>
+          <Alert sx={{ mt: 1, mx: { md: 4, xs: 0 }, borderRadius: 4 }} variant="outlined" severity="info">
+            <Typography>{infoMessage}</Typography>
+          </Alert>
+          <Stepper sx={{ my: 5 }} activeStep={getActiveStep()} alternativeLabel>
+            {steps.map((label) => (
+              <Step key={label}>
+                <StepLabel>{label}</StepLabel>
+              </Step>
+            ))}
+          </Stepper>
+          {getActiveRequest() ? (
+            <Paper elevation={1} sx={{ mb: 5, pt: 1, mt: 3, borderRadius: 4, mx: { md: 4, xs: 0 } }}>
+              <Box paddingX={5} sx={{ px: { md: 5, xs: 3 } }} paddingBottom={3}>
+                <RequestDetails request={getActiveRequest()} requests={requests} />
+              </Box>
+            </Paper>
+          ) : (
+            <Paper elevation={1} sx={{ mb: 5, pt: 1, mt: 3, borderRadius: 4, mx: { md: 4, xs: 0 } }}>
+              <Typography padding={4} textAlign="center">
+                You have no active thesis start request at the moment. Start a new request to see it here.
+              </Typography>
+            </Paper>
+          )}
+        </>
+      )}
+      {user.role !== "student" && <RequestTable requests={requests} teachers={teachers} />}
       <Box height={5} marginTop={3} />
+      {user.role === "student" && (
+        <Hidden smUp>
+          <Stack
+            direction="row"
+            alignItems="center"
+            justifyContent="flex-end"
+            sx={{ position: "fixed", bottom: 24, right: 24 }}
+          >
+            <Fab
+              component={Link}
+              to="/add-request"
+              aria-label="Add"
+              color="primary"
+              disabled={isStartRequestButtonDisabled()}
+            >
+              {isStartRequestButtonDisabled() ? <ScheduleSendIcon /> : <AddIcon />}
+            </Fab>
+          </Stack>
+        </Hidden>
+      )}
     </div>
   );
 }
diff --git a/client/src/routes/ViewApplicationPage.jsx b/client/src/routes/ViewApplicationPage.jsx
index d4577c6..00df13e 100644
--- a/client/src/routes/ViewApplicationPage.jsx
+++ b/client/src/routes/ViewApplicationPage.jsx
@@ -1,4 +1,4 @@
-import { useContext } from "react";
+import { useContext, useEffect, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
 import PropTypes from "prop-types";
 import Box from "@mui/material/Box";
@@ -6,17 +6,21 @@ import Button from "@mui/material/Button";
 import Paper from "@mui/material/Paper";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
+import AddIcon from "@mui/icons-material/Add";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import ApplicationDetails from "../components/ApplicationDetails";
 import ErrorContext from "../contexts/ErrorContext";
+import UserContext from "../contexts/UserContext";
 import API from "../utils/API";
 
 function ViewApplicationPage(props) {
   const location = useLocation();
   const { fetchApplications, fetchNotifications, setAlert, applications } = props;
+  const user = useContext(UserContext);
   const handleErrors = useContext(ErrorContext);
 
   const application = location.state?.application;
+  const [proposal, setProposal] = useState(null);
 
   const evaluateApplication = (application) => {
     API.evaluateApplication(application)
@@ -31,6 +35,14 @@ function ViewApplicationPage(props) {
       .catch((err) => handleErrors(err));
   };
 
+  useEffect(() => {
+    if (application.state === "accepted") {
+      API.getProposalById(application.proposal_id)
+        .then((proposal) => setProposal(proposal))
+        .catch((err) => handleErrors(err));
+    }
+  }, []);
+
   return (
     <div id="view-application-page">
       <Stack
@@ -49,6 +61,18 @@ function ViewApplicationPage(props) {
         >
           Back
         </Button>
+        {user.role === "student" && application.state === "accepted" && (
+          <Button
+            component={Link}
+            to="/add-request"
+            state={{ proposal: proposal }}
+            variant="contained"
+            startIcon={<AddIcon />}
+            sx={{ mr: { md: 4, xs: 0 } }}
+          >
+            Start request
+          </Button>
+        )}
       </Stack>
       <Typography variant="h4" sx={{ paddingY: 4, marginLeft: { md: 4, xs: 0 } }}>
         Application Details
@@ -59,6 +83,7 @@ function ViewApplicationPage(props) {
             application={application}
             evaluateApplication={evaluateApplication}
             applications={applications}
+            proposal={proposal}
           />
         </Box>
       </Paper>
diff --git a/client/src/routes/ViewRequestPage.jsx b/client/src/routes/ViewRequestPage.jsx
index c056374..17d25d9 100644
--- a/client/src/routes/ViewRequestPage.jsx
+++ b/client/src/routes/ViewRequestPage.jsx
@@ -1,5 +1,5 @@
 import { useContext, useEffect, useState } from "react";
-import { Link, useLocation } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
 import PropTypes from "prop-types";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
@@ -17,9 +17,10 @@ import API from "../utils/API";
 
 function ViewRequestPage(props) {
   const { fetchRequests, setAlert, requests } = props;
+  const handleErrors = useContext(ErrorContext);
   const user = useContext(UserContext);
+  const navigate = useNavigate();
   const location = useLocation();
-  const handleErrors = useContext(ErrorContext);
 
   const [changesMessage, setChangesMessage] = useState("");
   const [changesError, setChangesError] = useState("");
@@ -84,8 +85,7 @@ function ViewRequestPage(props) {
         justifyContent="space-between"
       >
         <Button
-          component={Link}
-          to="/requests"
+          onClick={() => navigate(-1)}
           variant="outlined"
           startIcon={<ArrowBackIcon />}
           sx={{ ml: { md: 4, xs: 0 } }}
diff --git a/client/src/theme/theme.jsx b/client/src/theme/theme.jsx
index fef2be7..1d67d7e 100644
--- a/client/src/theme/theme.jsx
+++ b/client/src/theme/theme.jsx
@@ -93,7 +93,7 @@ export const getDesignTokens = (mode) => ({
       styleOverrides: {
         root: {
           paddingLeft: 8,
-          paddingRight: 8,
+          paddingRight: 4,
           marginBottom: 3
         }
       }
diff --git a/client/src/utils/API.js b/client/src/utils/API.js
index d58d947..1c4a19e 100644
--- a/client/src/utils/API.js
+++ b/client/src/utils/API.js
@@ -88,6 +88,19 @@ const createProposal = async (proposal) => {
   );
 };
 
+/**
+ * Retrieves the proposal based on logged in user and proposal id by sending a GET request to the server's proposals endpoint.
+ * @returns {Promise} A promise that resolves to the parsed JSON content of the proposal object response.
+ * @throws {Object} If there is an issue with the HTTP request or parsing the server response.
+ */
+const getProposalById = async (proposalId) => {
+  return getJson(
+    fetch(SERVER_URL + "/proposals/" + proposalId, {
+      credentials: "include"
+    })
+  );
+};
+
 /**
  * Retrieves the list of proposals based on logged in user by sending a GET request to the server's proposals endpoint.
  * @returns {Promise} A promise that resolves to the parsed JSON content of the proposals list response.
@@ -391,6 +404,7 @@ const API = {
   getDegrees,
   getGroups,
   getTeachers,
+  getProposalById,
   getProposals,
   getApplications,
   getNotifications,
diff --git a/server/src/routes.js b/server/src/routes.js
index 0acbd28..516d421 100644
--- a/server/src/routes.js
+++ b/server/src/routes.js
@@ -47,6 +47,8 @@ const {
   getRequestsForTeacher,
   getRequestsForClerk,
   getRequestsForStudent,
+  isAccepted,
+  getAcceptedProposal,
 } = require("./theses-dao");
 const { getUser } = require("./user-dao");
 
@@ -154,7 +156,7 @@ async function setStateToApplication(req, res, state) {
     });
   }
   updateApplication(application.id, state);
-  await notifyApplicationDecision(application.id, state);
+  notifyApplicationDecision(application.id, state);
   if (state === "accepted") {
     updateArchivedStateProposal(1, application.proposal_id);
     cancelPendingApplications(application.proposal_id);
@@ -447,6 +449,59 @@ router.get(
   },
 );
 
+router.get(
+  "/api/proposals/:id",
+  isLoggedIn,
+  check("id").isInt({ gt: 0 }),
+  (req, res) => {
+    try {
+      if (!validationResult(req).isEmpty()) {
+        return res.status(400).json({ message: "Invalid parameters" });
+      }
+      const user = getUser(req.user);
+      if (!user) {
+        return res.status(500).json({ message: "Internal server error" });
+      }
+      let proposals;
+      if (user.role === "student") {
+        proposals = getProposalsByDegree(user.cod_degree);
+        const accepted_proposal = getAcceptedProposal(user.id);
+        if (accepted_proposal) {
+          proposals = [...proposals, accepted_proposal];
+        }
+      } else if (user.role === "teacher") {
+        proposals = getProposalsForTeacher(user.id, user.email);
+      } else {
+        return res.status(500).json({ message: "Internal server error" });
+      }
+
+      proposals.map((proposal) => {
+        proposal.archived = isArchived(proposal);
+        delete proposal.manually_archived;
+        delete proposal.deleted;
+        return proposal;
+      });
+
+      if (user.role === "student") {
+        proposals = proposals.filter(
+          (proposal) => !proposal.archived || isAccepted(proposal.id, user.id),
+        );
+      }
+
+      const proposal = proposals.find(
+        (proposal) => proposal.id === parseInt(req.params.id, 10),
+      );
+      if (proposal) {
+        return res.status(200).json(proposal);
+      } else {
+        return res.status(404).json({ message: "Proposal not found" });
+      }
+    } catch (err) {
+      return res.status(500).json({ message: "Internal Server Error" });
+    }
+  },
+);
+
 router.post(
   "/api/applications",
   isLoggedIn,
@@ -504,7 +559,7 @@ router.post(
         });
       }
       const application = insertApplication(proposal, user.id, "pending");
-      await notifyNewApplication(application?.proposal_id);
+      notifyNewApplication(application?.proposal_id);
       return res.status(200).json(application);
     } catch (e) {
       return res.status(500).json({ message: "Internal server error" });
diff --git a/server/src/theses-dao.js b/server/src/theses-dao.js
index 6cc4ef9..9a29740 100644
--- a/server/src/theses-dao.js
+++ b/server/src/theses-dao.js
@@ -225,6 +225,18 @@ exports.getProposalsByDegree = (cds) => {
     .all(cds);
 };
 
+exports.getAcceptedProposal = (student_id) => {
+  return db
+    .prepare(
+      `select PROPOSALS.id, PROPOSALS.title, PROPOSALS.supervisor, PROPOSALS.co_supervisors, PROPOSALS.keywords, PROPOSALS.type, PROPOSALS.groups, PROPOSALS.description, PROPOSALS.required_knowledge, PROPOSALS.notes, PROPOSALS.expiration_date, PROPOSALS.level, PROPOSALS.cds, PROPOSALS.manually_archived, PROPOSALS.deleted
+                     from main.PROPOSALS, main.APPLICATIONS 
+                     where APPLICATIONS.proposal_id = PROPOSALS.id and 
+                         APPLICATIONS.student_id = ? and 
+                         APPLICATIONS.state = 'accepted'`,
+    )
+    .get(student_id);
+};
+
 exports.cancelPendingApplications = (of_proposal) => {
   db.prepare(
     "update APPLICATIONS set state = 'canceled' where proposal_id = ? AND state = 'pending'",
@@ -551,6 +563,18 @@ exports.setDelta = (delta) => {
     .run(delta);
 };
 
+exports.isAccepted = (proposal_id, student_id) => {
+  const accepted_proposal = db
+    .prepare(
+      `select * from main.APPLICATIONS 
+      where APPLICATIONS.proposal_id = ?
+        and APPLICATIONS.student_id = ?
+        and APPLICATIONS.state = 'accepted'`,
+    )
+    .get(proposal_id, student_id);
+  return accepted_proposal !== undefined;
+};
+
 exports.updateProposal = (proposal) => {
   const {
     proposal_id,
diff --git a/server/tests/integration.test.js b/server/tests/integration.test.js
index 299b50a..caa9e99 100644
--- a/server/tests/integration.test.js
+++ b/server/tests/integration.test.js
@@ -76,6 +76,19 @@ describe("Protected routes", () => {
   });
 });
 
+describe("Get single proposal", () => {
+  it("Correct behavior", async () => {
+    logIn("marco.torchiano@teacher.it");
+    const proposal_id = (await insertProposal(proposal)).body;
+    logIn("s309618@studenti.polito.it");
+    const application = (await applyForProposal(proposal_id)).body;
+    logIn("marco.torchiano@teacher.it");
+    await acceptApplication(application.application_id);
+    logIn("s309618@studenti.polito.it");
+    await request(app).get(`/api/proposals/${proposal_id}`).expect(200);
+  });
+});
+
 describe("Story 12: Archive Proposals", () => {
   const past_date = dayjs().subtract(7, "day").format("YYYY-MM-DD");
   it("If a proposal becomes archived, a student should not be able to apply for it", async () => {
@@ -443,6 +456,9 @@ it("CRUD on proposal", async () => {
   logIn("marco.torchiano@teacher.it");
   const proposalId = (await insertProposal(proposal)).body;
   const proposals = (await getProposals()).body;
+  const res_proposal = (
+    await request(app).get(`/api/proposals/${proposalId}`).expect(200)
+  ).body;
   let expectedProposal = {
     ...proposal,
     supervisor: "s123456", // marco.torchiano@teacher.it
@@ -458,6 +474,7 @@ it("CRUD on proposal", async () => {
   expect(proposals.find((proposal) => proposal.id === proposalId)).toEqual(
     expectedProposal,
   );
+  expect(res_proposal).toEqual(expectedProposal);
   const response = await modifyProposal(proposalId, {
     ...proposal,
     title: "Updated title",
@@ -467,19 +484,29 @@ it("CRUD on proposal", async () => {
   expect(updateMessage.message).toBe("Proposal updated successfully");
   expectedProposal.title = "Updated title";
   const response2 = await getProposals();
+  const res_modified_proposal = (
+    await request(app).get(`/api/proposals/${proposalId}`).expect(200)
+  ).body;
   expect(response2.status).toBe(200);
   const updatedProposals = response2.body;
   expect(
     updatedProposals.find((proposal) => proposal.id === proposalId),
   ).toEqual(expectedProposal);
+  expect(res_modified_proposal).toEqual(expectedProposal);
   const delete_response = await deleteProposal(proposalId);
   expect(delete_response.status).toBe(200);
   const response_after_delete = await getProposals();
+  const deleted_proposal = (
+    await request(app).get(`/api/proposals/${proposalId}`).expect(404)
+  ).body;
   expect(response_after_delete.status).toBe(200);
   const deletedProposals = response_after_delete.body;
   expect(deletedProposals.find((proposal) => proposal.id === proposalId)).toBe(
     undefined,
   );
+  expect(deleted_proposal).toEqual({
+    message: "Proposal not found",
+  });
 });
 
 describe("Proposal insertion tests", () => {