diff --git a/back-end/App.js b/back-end/App.js
index c58a397..49c04a0 100644
--- a/back-end/App.js
+++ b/back-end/App.js
@@ -57,10 +57,8 @@ const sessionOptions = {
 app.use(session(sessionOptions));
 
 app.use(function (req, res, next) {
-  console.log(req.session.user);
-  req.session.user = req.session.user || "a";
-  req.session.matches = req.session.matches || [];
-  //console.log(req.session)
+  req.session.otheruser = req.session.otheruser || "";
+  console.log("otheruser:", req.session.otheruser);
   next();
 });
 
@@ -139,10 +137,6 @@ app.post('/login', async (req, res) => {
   }
 });
 
-
-
-
-
 app.get('/register', (req, res) => {
 })
 
@@ -176,16 +170,12 @@ app.post('/register', async (req, res) => {
   }
 });
 
-
-
-
 //expecting json object with handle sumbit attruputes -- in Survey.js
 //should push to surveyData arr
 app.post('/survey', (req, res) => {
   const surveyData = req.body;
   //console.log('Backend has received new survey data:', surveyData);//We should see a message on the backend console with the data that was sent
 
-
   profiledict = { name: surveyData.name, year: surveyData.year, bio: "" }
   answersdict = {
     gender: surveyData.genderAns, year: surveyData.year, pets: surveyData.petsAns,
@@ -214,28 +204,110 @@ app.post('/survey', (req, res) => {
     });
 });
 
-app.get('/matches', async (req, res) => {
-  //console.log('matches:', req.session.user)
-  req.session.user = req.session.user || "randomname";
+app.get('/matches', authenticateToken, async (req, res) => {
   try {
     User.find()
       .then(foundUser => {
-        //jsonArray.push(foundUser);
-        res.json(foundUser)
+        if (!foundUser) return res.status(404).json({ message: "User not found" });
+
+        const foundOtherUser = [];
+        const matches = [];
+        var thisUser = new User({});
+
+        for (const user of foundUser) {
+          if (user._id && req.user.id) {
+            if (String(user._id) === req.user.id) {
+              //console.log(user.username);
+              thisUser = user;
+            }
+            else {
+              foundOtherUser.push(user);
+            }
+          }
+        }
+        keys = compat.createMatches(thisUser, foundOtherUser);
+        //console.log(keys);
+
+        for (const key of keys) {
+          for (const user of foundUser) {
+            if (user.username === key) {
+              matches.push(user);
+            }
+          }
+        }
+
+        res.json(matches);
       })
       .catch(err => {
         console.log(err);
         res.status(500).send('server error');
       });
+  } catch (err) {
+    console.log(err);
+  }
+});
 
-    //res.json(jsonArray)//Now, send the array to the front end
+app.post('/matches', authenticateToken, async (req, res) => {
+  const username = req.body.username;
+  req.session.otheruser = username;
+  //console.log('the clicked user is', username)
 
+  try {
+    const user = await User.findById(req.user.id);
+    if (!user) {
+      console.error('User not found');
+      return res.status(404).json({ message: 'User not found.' });
+    }
+    res.json({ message: 'Profile updated successfully.' });
+  } catch (err) {
+    console.error("Error during profile update:", err);
+    res.status(500).json({ message: 'Internal server error', error: err.message });
+  }
+});
+
+app.get('/otheruser', authenticateToken, (req, res) => {
+  try {
+    User.find()
+      .then(foundUser => {
+        if (!foundUser) return res.status(404).json({ message: "User not found" });
+
+        for (const user of foundUser) {
+          if(user.username === req.session.otheruser) {
+            res.json(user);
+          }
+        }
+      })
+      .catch(err => {
+        console.log(err);
+        res.status(500).send('server error');
+      });
+  } catch (err) {
+    console.log(err);
+  }
+});
 
+app.get('/useranswers', authenticateToken, (req, res) => {
+  console.log('in user answers', req.session.otheruser)
+  try {
+    User.find()
+      .then(foundUser => {
+        if (!foundUser) return res.status(404).json({ message: "User not found" });
+        for (const user of foundUser) {
+          if(user.username === req.session.otheruser) {
+            res.json(user);
+          }
+        }
+      })
+      .catch(err => {
+        console.log(err);
+        res.status(500).send('server error');
+      });
   } catch (err) {
     console.log(err);
   }
 });
 
+
 //returns a bunch of json objects as an array
 app.get('/chatlist', authenticateToken, async (req, res) => {
   try {
@@ -401,8 +473,60 @@ app.get('/profile', authenticateToken, (req, res) => {
     });
 });
 
+app.get('/retake', authenticateToken, async(req, res) => {
+  User.findById(req.user.id, 'profile.name answers.gender answers.year answers.pets ' + 
+  'answers.guests answers.smoke answers.drink ' +
+  'answers.rent_max answers.rent_min ' +
+  'answers.bedtime answers.quietness answers.cleanliness ' +
+  'preferences.gender preferences.year preferences.pets ' +
+  'preferences.guests preferences.smoke preferences.drink ' +
+  'preferences.bedtime preferences.quietness preferences.cleanliness')
+  .then(user => {
+    if (!user) return res.status(404).json({ message: "User not found" });
+    res.json(user);
+  })
+  .catch(err => {
+    console.error(err);
+    res.status(500).json({ message: "Internal server error" });
+  });
+});
 
-app.get('/mypreferences', (req, res) => {
+app.post('/retake', authenticateToken, async(req, res) => {
+  console.log("Received update request for user:", req.user.id);
+  console.log("Request data:", req.body);
+
+  try {
+    const user = await User.findById(req.user.id);
+    if (!user) {
+      console.error('User not found');
+      return res.status(404).json({ message: 'User not found.' });
+    }
+
+    const surveyData = req.body;
+
+    profiledict = { name: surveyData.name, year: surveyData.year, bio: "" }
+    answersdict = {
+      gender: surveyData.genderAns, year: surveyData.year, pets: surveyData.petsAns,
+      guests: surveyData.guestsAns, smoke: surveyData.smokeAns, drink: surveyData.drinkAns,
+      rent_max: surveyData.maxRent, rent_min: surveyData.minRent,
+      bedtime: surveyData.bedAns, quietness: surveyData.quietAns, cleanliness: surveyData.cleanAns
+    }
+    preferencesdict = {
+      gender: surveyData.genderPref, year: surveyData.yearPref, pets: surveyData.petsPref,
+      guests: surveyData.guestsPref, smoke: surveyData.smokePref, drink: surveyData.drinkPref,
+      bedtime: surveyData.bedPref, quietness: surveyData.quietPref, cleanliness: surveyData.cleanPref
+    }
+    user.profile = profiledict;
+    user.answers = answersdict;
+    user.preferences = preferencesdict;
+
+    await user.save();
+    console.log('User updated: ', user);
+    res.json({message: 'Survey updated successfully'});
+  } catch (err) {
+    console.error("Error during survey retake update:", err);
+    res.status(500).json({ message: 'Internal server error', error: err.message });
+  }
 });
 
 app.post('/editprofile', authenticateToken, async (req, res) => {
diff --git a/back-end/Compatibility.js b/back-end/Compatibility.js
index ba7c1ad..9267264 100644
--- a/back-end/Compatibility.js
+++ b/back-end/Compatibility.js
@@ -290,7 +290,7 @@ function createMatches(arg1, [...args]) {
 
     for (const arg of args) {
         if (match(arg1, arg) !== -1) {
-            matchList[arg.login.username] = match(arg1, arg);
+            matchList[arg.username] = match(arg1, arg);
         }
     }
 
diff --git a/front-end/package-lock.json b/front-end/package-lock.json
index 3c2d998..ec73b86 100644
--- a/front-end/package-lock.json
+++ b/front-end/package-lock.json
@@ -17005,16 +17005,16 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
       "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=14.17"
+        "node": ">=4.2.0"
       }
     },
     "node_modules/unbox-primitive": {
diff --git a/front-end/src/App.js b/front-end/src/App.js
index 8a8ae8a..69a05c3 100644
--- a/front-end/src/App.js
+++ b/front-end/src/App.js
@@ -8,8 +8,9 @@ import Matches from './Matches';
 import Survey from './Survey';
 import Profile from './Profile'
 import EditProfile from './EditProfile';
-import MyPreferences from './MyPreferences'
+import Retake from './Retake'
 import OtherProfile from './OtherProfile';
+import UserAnswers from './UserAnswers';
 import ProtectedRoute from './ProtectedRoute';
 import axios from 'axios'
 
@@ -27,8 +28,9 @@ function App() {
         <Route path="/survey" element={<ProtectedRoute><Survey /></ProtectedRoute>} />
         <Route path="/profile" element={<ProtectedRoute><Profile /></ProtectedRoute>} />
         <Route path="/editprofile" element={<ProtectedRoute><EditProfile /></ProtectedRoute>} />
-        <Route path="/mypreferences" element={<ProtectedRoute><MyPreferences /></ProtectedRoute>} />
+        <Route path="/retake" element={<ProtectedRoute><Retake /></ProtectedRoute>} />
         <Route path="/otheruser" element={<ProtectedRoute><OtherProfile /></ProtectedRoute>} />
+        <Route path="/useranswers" element={<ProtectedRoute><UserAnswers /></ProtectedRoute>} />
         {/* Redirect all other paths to "/login" */}
         <Route path="*" element={<Navigate replace to="/login" />} />
       </Routes>
diff --git a/front-end/src/Matches.js b/front-end/src/Matches.js
index f648134..379c058 100644
--- a/front-end/src/Matches.js
+++ b/front-end/src/Matches.js
@@ -13,21 +13,25 @@ const Matches = props => {
   const [error, setError] = useState('')
   const [feedback, setFeedback] = useState('')
   const [matches, setMatches] = useState([]);
+  const [errorMessage, setErrorMessage] = useState("");
 
-  const fetchMatches = () => {
-    axios
-      .get('http://localhost:3001/matches')//, { withCredentials: true})
-      .then(response => {
-        const matchesData = response.data; //response is an array of JSON objects
-        setMatches(matchesData);
-      })
-      .catch(err => {
-        const errMsg = JSON.stringify(err, null, 2);
-        setError(errMsg);
-      })
-      .finally(() => {
-        setLoaded(true);
+  const fetchMatches = async() => {
+    try {
+      const response = await axios.get('http://localhost:3001/matches', {
+          headers: {
+              Authorization: `Bearer ${localStorage.getItem('token')}`
+          }
       });
+      console.log('Fetching profile data', response.data);
+      if (response.data) {
+          setMatches(response.data);
+      } else {
+          throw new Error('Matches data is missing');
+      }
+    } catch (error) {
+        console.error('Error fetching matches data:', error);
+        setError('Error fetching matches data: ' + error.message);
+    }
   };
 
   useEffect(() => {
@@ -46,6 +50,29 @@ const Matches = props => {
     }
   }, []) // putting a blank array as second argument will cause this function to run only once when component first loads
 
+  const handleClick = async (match) => {
+    console.log("Sending data of user: ", match.username);
+
+    try {
+        const response = await axios.post('http://localhost:3001/matches', match, {
+            headers: {
+                Authorization: `Bearer ${localStorage.getItem('token')}` // Include the JWT token in the request
+            }
+        });
+        console.log("Update response:", response.data);
+        if (response.status === 200) {
+            console.log("Match info sent successfully");
+            navigate('/otheruser', { state: { updated: true } }); // Pass state to trigger re-fetch
+        }
+    } catch (error) {
+        console.error("Update error:", error);
+        const message = error.response?.data?.message || "An error occurred while updating the profile.";
+        setErrorMessage(message);
+    }
+}; 
+
+//() => navigate('/otheruser')
+
   return (
     <>
       <div className="MatchList">
@@ -53,8 +80,7 @@ const Matches = props => {
         {error && <h1>{error}</h1>} {/* To fix allignment I made error only show up if it is defined*/}
         {matches.map((match, index) => (
           <div key={index}>
-
-            <button onClick={() => navigate('/otheruser')} className="rowbutton">
+            <button onClick={() => handleClick(match)} className="rowbutton">
               <img src={profilepic} className="profilepic_match" alt="profilepic" />
               <ul className="matchentry">
                 <li className="username_match">{match.profile.name}</li>
diff --git a/front-end/src/MyPreferences.js b/front-end/src/MyPreferences.js
deleted file mode 100644
index 86c5bef..0000000
--- a/front-end/src/MyPreferences.js
+++ /dev/null
@@ -1,72 +0,0 @@
-
-import { useState, useEffect } from 'react'
-import { useNavigate } from 'react-router-dom';
-//import "./Survey.css";
-import Header from "./Header";
-import axios from 'axios'
-
-const MyPreferences = props => {
-    const navigate = useNavigate();
-    const [loaded, setLoaded] = useState(false)
-    const [error, setError] = useState('')
-    const [feedback, setFeedback] = useState('')
-    const [preferences, setPreferences] = useState([]);
-    const fetchPreferences = () => {
-
-        axios
-            .get('http://localhost:3001/mypreferences')
-            .then(response => {
-                const preferencesData = response.data; //response is an array of JSON objects
-                setPreferences(preferencesData);
-            })
-            .catch(err => {
-                const errMsg = JSON.stringify(err, null, 2);
-                setError(errMsg);
-            })
-            .finally(() => {
-                setLoaded(true);
-            });
-    };
-
-    useEffect(() => {
-        // fetch messages this once
-        fetchPreferences()
-
-        // set a timer to load data from server every n seconds
-        const intervalHandle = setInterval(() => {
-            fetchPreferences()
-        }, 5000)
-
-        // return a function that will be called when this component unloads
-        return e => {
-            // clear the timer, so we don't still load messages when this component is not loaded anymore
-            clearInterval(intervalHandle)
-        }
-    }, []) // putting a blank array as second argument will cause this function to run only once when component first loads
-
-
-
-
-    const handleSubmit = () => {
-        navigate('/profile');
-    };
-
-
-    return (
-        <div>
-            <Header />
-            <h2>My Preferences</h2>
-            <p>Are you okay with pets? {preferences.pets}</p>
-            <p>Open to guests? {preferences.guests}</p>
-            <p>Minimum Rent Share: ${preferences.rent_min}</p>
-            <p>Maximum Rent Share: ${preferences.rent_max}</p>
-            <p>Desired number of roommates (excluding yourself): {preferences.roommates}</p>
-            <p>Usual bedtime: {preferences.bedtime}</p>
-
-            <button onClick={handleSubmit}>Back to My Profile</button>
-        </div>
-
-    );
-}
-
-export default MyPreferences;
diff --git a/front-end/src/OtherProfile.css b/front-end/src/OtherProfile.css
index 621b2bc..f14e491 100644
--- a/front-end/src/OtherProfile.css
+++ b/front-end/src/OtherProfile.css
@@ -1,11 +1,10 @@
-.OtherBack {
+.Heading{
     display: flex;
-    justify-content: left;
+    justify-content: space-evenly;
     padding-top: 10px;
-    padding-left: 10px;
 }
 
-.OtherProfile {
+.Profile{
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -13,13 +12,13 @@
     font-family: 'Montserrat';
 }
 
-.OtherFooter {
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.OtherAbtTxt {
+.AboutText{
     padding-bottom: 20px;
     padding-left: 20px;
     padding-right: 20px;
+}
+
+.Footer{
+    display: flex;
+    justify-content: space-evenly;
 }
\ No newline at end of file
diff --git a/front-end/src/OtherProfile.js b/front-end/src/OtherProfile.js
index 4893ec7..e133800 100644
--- a/front-end/src/OtherProfile.js
+++ b/front-end/src/OtherProfile.js
@@ -1,34 +1,73 @@
-import "./OtherProfile.css"
-import Button from "./Button"
-import profilePicture from "./ProfilePic.png"
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import { useNavigate } from 'react-router-dom';
+import Header from './Header';
+import Button from './Button';
+import profilePicture from './ProfilePic.png';
+import "./Profile.css";
+import { socket } from './sockets/ReactSocket';
 
 function OtherProfile() {
+    const [profileData, setProfileData] = useState({});
+    const [username, setUsername] = useState(''); // Separate state for username
+    const [error, setError] = useState('');
+    const navigate = useNavigate();
+
+    const fetchProfileData = async () => {
+        try {
+            const response = await axios.get('http://localhost:3001/otheruser', {
+                headers: {
+                    Authorization: `Bearer ${localStorage.getItem('token')}`
+                }
+            });
+            console.log('Fetching profile data', response.data);
+            if (response.data && response.data.profile) {
+                setProfileData(response.data.profile); // Set the profile-specific data
+                setUsername(response.data.username); // Set username separately
+            } else {
+                throw new Error('Profile data is missing');
+            }
+        } catch (error) {
+            console.error('Error fetching profile data:', error);
+            setError('Error fetching profile data: ' + error.message);
+        }
+    };
+
+    useEffect(() => {
+        fetchProfileData();
+    }, []);
+
+    const handleLogout = () => {
+        console.log("Logging out...");
+        localStorage.removeItem('token');
+        socket.disconnect(); //disconnect the socket that was in use
+        navigate('/login', { replace: true });
+    };
+
+    if (!profileData || Object.keys(profileData).length === 0) {
+        return <p>Loading...</p>;
+    }
+
+
+    if (error) {
+        return <p>{error}</p>
+    }
+
     return (
         <>
-        <div className="OtherBack"> 
-            <Button text="Back to Top Matches" location="/matches"></Button>
-        </div>
-        <div className="OtherProfile">
-            <img src={profilePicture}></img>
-            <h2>Other User</h2>
-        </div>
-        <div className="OtherAbout">
-            <p className="OtherAbtTxt">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                Etiam consequat ante vel vehicula vulputate. Aliquam maximus turpis ut
-                porttitor imperdiet. Cras elementum orci id neque tincidunt finibus.
-                Proin accumsan suscipit elit, at varius eros scelerisque id.
-                Suspendisse maximus ultricies orci, ac convallis mauris accumsan non.
-                Nullam vel lectus eget urna pulvinar sodales vitae nec neque.
-                Maecenas ut erat eget turpis ultricies suscipit.
-            </p>
-        </div>
-        <div className="OtherFooter">
-            <Button text="Preferences" locaion="/"></Button>
-            <Button text="Message" location="/chatpage"></Button>
-        </div>
+            <Header />
+            <div className="Profile">
+                <img src={profileData.imagePath || profilePicture} alt="Profile" />
+                <h2>{username || 'Username not set'}</h2>
+                <h4>{profileData.year || 'Year not set'}</h4>
+                <p className="AboutText">{profileData.bio || 'No bio available.'}</p>
+            </div>
+            <div className="Footer">
+                <Button text="Survey Answers" location="/useranswers" />
+                <Button text="Message" location="/chatpage" />
+            </div>
         </>
     );
 }
 
-export default OtherProfile
\ No newline at end of file
+export default OtherProfile;
\ No newline at end of file
diff --git a/front-end/src/Profile.js b/front-end/src/Profile.js
index cc9c8d6..9a9680a 100644
--- a/front-end/src/Profile.js
+++ b/front-end/src/Profile.js
@@ -64,6 +64,7 @@ function Profile() {
             </div>
             <div className="Footer">
                 <Button text="Edit Profile" location="/editprofile" />
+                <Button text="Retake Survey" location="/retake" />
                 <button onClick={handleLogout} className="logout-button">Logout</button>
             </div>
         </>
diff --git a/front-end/src/Retake.css b/front-end/src/Retake.css
new file mode 100644
index 0000000..d0a8e22
--- /dev/null
+++ b/front-end/src/Retake.css
@@ -0,0 +1,57 @@
+
+.Survey {
+    display: flex;
+    flex-direction: column;
+    background-color: #e8e8e8;
+  }
+  
+  .survey-question {
+    padding: 1rem;
+    background-color: white;
+    margin-bottom: 1rem;
+    border-radius: 4px;
+  }
+  
+  .section {
+    padding: 0rem 0rem 0rem 1rem;
+    background-color: #BEBEBE;
+    margin-bottom: 1rem;
+  }
+  
+  label {
+    display: block;
+    margin-bottom: 0.5rem;
+  }
+  
+  select,
+  input[type="number"] {
+    width: 100%;
+    padding: 0.75rem;
+    border: 1px solid #D1D1D1;
+    border-radius: 4px;
+    margin-bottom: 0.5rem;
+  }
+  
+  button {
+    background-color: #57068C;
+    color: white;
+    padding: 0.75rem 1.5rem;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  button:hover {
+    background-color: #6D28D9;
+  }
+  
+  
+  .Header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem;
+    background-color: #57068C;
+    color: white;
+  }
+  
\ No newline at end of file
diff --git a/front-end/src/Retake.js b/front-end/src/Retake.js
new file mode 100644
index 0000000..283b69c
--- /dev/null
+++ b/front-end/src/Retake.js
@@ -0,0 +1,883 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import "./Retake.css";
+import Header from "./Header";
+import axios from 'axios';
+import { set } from 'mongoose';
+
+function Retake() {
+    const navigate = useNavigate();
+    const [error, setError] = useState('');
+    const [errorMessage, setErrorMessage] = useState("");
+
+    const[name, setName] = useState(null);
+    const [year, setYear] = useState(null);
+    const [genderAns, setGenderAns] = useState(null);
+    const [petsAns, setPetsAns] = useState(null);
+    const [guestsAns, setGuestsAns] = useState(null);
+    const [smokeAns, setSmokeAns] = useState(null);
+    const [drinkAns, setDrinkAns] = useState(null);
+    const [maxRent, setMaxRent] = useState(null);
+    const [minRent, setMinRent] = useState(null);
+    const [bedAns, setBedAns] = useState(null);
+    const [quietAns, setQuietAns] = useState(null);
+    const [cleanAns, setCleanAns] = useState(null);
+
+    const [genderPref, setGenderPref] = useState(null);
+    const [yearPref, setYearPref] = useState(null);
+    const [petsPref, setPetsPref] = useState(null);
+    const [guestsPref, setGuestsPref] = useState(null);
+    const [smokePref, setSmokePref] = useState(null);
+    const [drinkPref, setDrinkPref] = useState(null);
+    const [bedPref, setBedPref] = useState(null);
+    const [quietPref, setQuietPref] = useState(null);
+    const [cleanPref, setCleanPref] = useState(null);
+
+    const fetchSurveyData = async () => {
+        try {
+            const response = await axios.get('http://localhost:3001/retake', {
+                headers: {
+                    Authorization: `Bearer ${localStorage.getItem('token')}`
+                }
+            });
+            console.log('Fetching profile data', response.data);
+            if (response.data) {
+                setName(response.data.profile.name)
+                setYear(response.data.answers.year)
+                setGenderAns(response.data.answers.gender)
+                setPetsAns(response.data.answers.pets)
+                setGuestsAns(response.data.answers.guests)
+                setSmokeAns(response.data.answers.smoke)
+                setDrinkAns(response.data.answers.drink)
+                setMaxRent(response.data.answers.rent_max)
+                setMinRent(response.data.answers.rent_min)
+                setBedAns(response.data.answers.bedtime)
+                setQuietAns(response.data.answers.quietness)
+                setCleanAns(response.data.answers.cleanliness)
+
+                setGenderPref(response.data.preferences.gender)
+                setYearPref(response.data.preferences.year)
+                setPetsPref(response.data.preferences.pets)
+                setGuestsPref(response.data.preferences.guests)
+                setSmokePref(response.data.preferences.smoke)
+                setDrinkPref(response.data.preferences.drink)
+                setBedPref(response.data.preferences.bedtime)
+                setQuietPref(response.data.preferences.quietness)
+                setCleanPref(response.data.preferences.cleanliness)
+            } else {
+                throw new Error('Profile data is missing');
+            }
+        } catch (error) {
+            console.error('Error fetching profile data:', error);
+            setError('Error fetching profile data: ' + error.message);
+        }
+    };
+
+    useEffect(() => {
+        fetchSurveyData();
+    }, []);
+
+    //Profile
+    const handleNameChange = (value) => {
+        setName(value);
+    };
+    const handleYearChange = (value) => {
+        setYear(value);
+    };
+
+    //Answers
+    const handleGenderAnsChange = (value) => {
+        setGenderAns(value);
+    };
+    const handlePetsAnsChange = (value) => {
+        setPetsAns(value);
+    };
+
+    const handleGuestsAnsChange = (value) => {
+        setGuestsAns(value);
+    }
+    const handleSmokeAnsChange = (value) => {
+        setSmokeAns(value);
+    }
+    const handleDrinkAnsChange = (value) => {
+        setDrinkAns(value);
+    }
+
+    const handleMaxRentChange = (value) => {
+        setMaxRent(value);
+    };
+    const handleMinRentChange = (value) => {
+        setMinRent(value);
+    };
+
+    const handleBedAnsChange = (value) => {
+        setBedAns(value)
+    }
+    const handleQuietAnsChange = (value) => {
+        setQuietAns(value)
+    }
+    const handleCleanAnsChange = (value) => {
+        setCleanAns(value)
+    }
+
+    //Preferences
+    const handleGenderPrefChange = (value) => {
+        setGenderPref(value);
+    };
+    const handleYearPrefChange = (value) => {
+        setYearPref(value);
+    };
+    const handlePetsPrefChange = (value) => {
+        setPetsPref(value);
+    };
+
+    const handleGuestsPrefChange = (value) => {
+        setGuestsPref(value);
+    }
+    const handleSmokePrefChange = (value) => {
+        setSmokePref(value);
+    }
+    const handleDrinkPrefChange = (value) => {
+        setDrinkPref(value);
+    }
+
+    const handleBedPrefChange = (value) => {
+        setBedPref(value)
+    }
+    const handleQuietPrefChange = (value) => {
+        setQuietPref(value)
+    }
+    const handleCleanPrefChange = (value) => {
+        setCleanPref(value)
+    }
+
+    const handleSubmit = async () => {
+        // Check if any required questions are unanswered
+        if (
+            !year ||
+            !genderAns ||
+            !petsAns ||
+            !guestsAns ||
+            !smokeAns ||
+            !drinkAns ||
+            !maxRent ||
+            !minRent ||
+            !bedAns ||
+            !quietAns ||
+            !cleanAns ||
+            !genderPref ||
+            !yearPref ||
+            !petsPref ||
+            !guestsPref ||
+            !smokePref ||
+            !drinkPref ||
+            !bedPref ||
+            !quietPref ||
+            !cleanPref
+        ) {
+            // If any required questions are unanswered, display an alert
+            alert("Please answer all questions before submitting the survey.");
+        } else {
+            // If all questions are answered, proceed with submitting the survey
+            const surveyData = {
+                name,
+                year,
+                genderAns,
+                petsAns,
+                guestsAns,
+                smokeAns,
+                drinkAns,
+                maxRent,
+                minRent,
+                bedAns,
+                quietAns,
+                cleanAns,
+                genderPref,
+                yearPref,
+                petsPref,
+                guestsPref,
+                smokePref,
+                drinkPref,
+                bedPref,
+                quietPref,
+                cleanPref
+            };
+
+            try {
+                const response = await axios.post('http://localhost:3001/retake', surveyData, {
+                    headers: {
+                        Authorization: `Bearer ${localStorage.getItem('token')}` // Include the JWT token in the request
+                    }
+                });
+                console.log("Update response:", response.data);
+                if (response.status === 200) {
+                    console.log("Survey updated successfully");
+                    navigate('/profile', { state: { updated: true } }); // Pass state to trigger re-fetch
+                }
+            } catch (error) {
+                console.error("Update error:", error);
+                const message = error.response?.data?.message || "An error occurred while updating the profile.";
+                setErrorMessage(message);
+            }
+
+        }
+    };
+
+
+    return (
+        <div className="Survey">
+            <Header />
+            <div className='section'>
+                <h3>Let's set up your profile!</h3>
+            </div>
+            
+            <div className="survey-question">
+                <p>What is your first and last name? (i.e. Barack Obama)</p>
+                <input
+                    id='name'
+                    type='text'
+                    name='name'
+                    value={name}
+                    onChange={(e) => handleNameChange(e.target.value)}
+                />
+            </div>
+
+            <div className='survey-question'>
+                <p>What is your year?</p>
+                <label for='year'>
+                    <input 
+                        id='year'
+                        type='radio'
+                        name='year'
+                        value='freshman'
+                        checked={year === 'freshman'}
+                        onChange={() => handleYearChange('freshman')}
+                    />
+                    Freshman
+                </label>
+                <label for='year'>
+                    <input 
+                        id='year'
+                        type='radio'
+                        name='year'
+                        value='sophomore'
+                        checked={year === 'sophomore'}
+                        onChange={() => handleYearChange('sophomore')}
+                        />
+                    Sophomore
+                </label>
+                <label for='year'>
+                    <input 
+                        id='year'
+                        type='radio'
+                        name='year'
+                        value='junior'
+                        checked={year === 'junior'}
+                        onChange={() => handleYearChange('junior')}
+                        />
+                    Junior
+                </label>
+                <label for='year'>
+                    <input 
+                        id='year'
+                        type='radio'
+                        name='year'
+                        value='senior'
+                        checked={year === 'senior'}
+                        onChange={() => handleYearChange('senior')}
+                        />
+                    Senior
+                </label>
+            </div>
+
+            <div className='section'>
+                <h3>Tell us about yourself.</h3>
+            </div>
+
+            <div className='survey-question'>
+                <p>What is your gender?</p>
+                <label for='genderAns'>
+                    <input 
+                        id='genderAns'
+                        type='radio'
+                        name='genderAns'
+                        value='male'
+                        checked={genderAns === 'male'}
+                        onChange={() => handleGenderAnsChange('male')}
+                        />
+                    Male
+                </label>
+                <label for='genderAns'>
+                    <input 
+                        id='genderAns'
+                        type='radio'
+                        name='genderAns'
+                        value='female'
+                        checked={genderAns === 'female'}
+                        onChange={() => handleGenderAnsChange('female')}
+                        />
+                    Female
+                </label>
+                <label for='genderAns'>
+                    <input 
+                        id='genderAns'
+                        type='radio'
+                        name='genderAns'
+                        value='other'
+                        checked={genderAns === 'other'}
+                        onChange={() => handleGenderAnsChange('other')}
+                        />
+                    Other
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>Do you have pets?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='petsAns'
+                        value='yes'
+                        checked={petsAns === 'yes'}
+                        onChange={() => handlePetsAnsChange('yes')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='petsAns'
+                        value='no'
+                        checked={petsAns === 'no'}
+                        onChange={() => handlePetsAnsChange('no')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className="survey-question">
+            <p>Specify your desired rent per person in dollars:</p>
+            <div className="rent-inputs">
+                <p></p>
+                <label>
+                    Minimum Rent Share:
+                    <input
+                        type='number'
+                        name='minRent'
+                        value={minRent}
+                        onChange={(e) => handleMinRentChange(parseInt(e.target.value))}
+                    />
+                </label><br />
+                <label>
+                    Maximum Rent Share:
+                    <input
+                        type='number'
+                        name='maxRent'
+                        value={maxRent}
+                        onChange={(e) => handleMaxRentChange(parseInt(e.target.value))}
+                    />
+                </label>
+            </div>
+            </div>
+
+            <div className='survey-question'>
+                <p>How often do you bring guests into your home?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='guestsAns'
+                        value='often'
+                        checked={guestsAns === 'often'}
+                        onChange={() => handleGuestsAnsChange('often')}
+                    />
+                    Often
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='guestsAns'
+                        value='sometimes'
+                        checked={guestsAns === 'sometimes'}
+                        onChange={() => handleGuestsAnsChange('sometimes')}
+                    />
+                    Sometimes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='guestsAns'
+                        value='never'
+                        checked={guestsAns === 'never'}
+                        onChange={() => handleGuestsAnsChange('never')}
+                    />
+                    Never
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>How often do you smoke?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='smokeAns'
+                        value='often'
+                        checked={smokeAns === 'often'}
+                        onChange={() => handleSmokeAnsChange('often')}
+                    />
+                    Often
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='smokeAns'
+                        value='sometimes'
+                        checked={smokeAns === 'sometimes'}
+                        onChange={() => handleSmokeAnsChange('sometimes')}
+                    />
+                    Sometimes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='smokeAns'
+                        value='never'
+                        checked={smokeAns === 'never'}
+                        onChange={() => handleSmokeAnsChange('never')}
+                    />
+                    Never
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>How often do you drink?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='drinkAns'
+                        value='often'
+                        checked={drinkAns === 'often'}
+                        onChange={() => handleDrinkAnsChange('often')}
+                    />
+                    Often
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='drinkAns'
+                        value='sometimes'
+                        checked={drinkAns === 'sometimes'}
+                        onChange={() => handleDrinkAnsChange('sometimes')}
+                    />
+                    Sometimes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='drinkAns'
+                        value='never'
+                        checked={drinkAns === 'never'}
+                        onChange={() => handleDrinkAnsChange('never')}
+                    />
+                    Never
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>When is your usual bedtime?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='bedAns'
+                        value={1}
+                        checked={bedAns === 1}
+                        onChange={() => handleBedAnsChange(1)}
+                    />
+                    Before 10
+                </label>
+                <label>
+                <input
+                        type='radio'
+                        name='bedAns'
+                        value={2}
+                        checked={bedAns === 2}
+                        onChange={() => handleBedAnsChange(2)}
+                    />
+                    Between 10 pm and 12 am
+                </label>
+                <label>
+                <input
+                        type='radio'
+                        name='bedAns'
+                        value={3}
+                        checked={bedAns === 3}
+                        onChange={() => handleBedAnsChange(3)}
+                    />
+                    Between 12 am and 2 am
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='bedAns'
+                        value={4}
+                        checked={bedAns === 4}
+                        onChange={() => handleBedAnsChange(4)}
+                    />
+                    Between 2 am and 4 am
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='bedAns'
+                        value={5}
+                        checked={bedAns === 5}
+                        onChange={() => handleBedAnsChange(5)}
+                    />
+                    After 4 am
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='bedAns'
+                        value={6}
+                        checked={bedAns === 6}
+                        onChange={() => handleBedAnsChange(6)}
+                    />
+                    Irregular
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>How would you rate your loudness from 1 to 5? (1 being quiet and 5 being loud)</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietAns'
+                        value={1}
+                        checked={quietAns === 1}
+                        onChange={() => handleQuietAnsChange(1)}
+                    />
+                    1
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietAns'
+                        value={2}
+                        checked={quietAns === 2}
+                        onChange={() => handleQuietAnsChange(2)}
+                    />
+                    2
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietAns'
+                        value={3}
+                        checked={quietAns === 3}
+                        onChange={() => handleQuietAnsChange(3)}
+                    />
+                    3
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietAns'
+                        value={4}
+                        checked={quietAns === 4}
+                        onChange={() => handleQuietAnsChange(4)}
+                    />
+                    4
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietAns'
+                        value={5}
+                        checked={quietAns === 5}
+                        onChange={() => handleQuietAnsChange(5)}
+                    />
+                    5
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>How would you rate your cleanliness from 1 to 5? (1 being messy and 5 being clean)</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanAns'
+                        value={1}
+                        checked={cleanAns === 1}
+                        onChange={() => handleCleanAnsChange(1)}
+                    />
+                    1
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanAns'
+                        value={2}
+                        checked={cleanAns === 2}
+                        onChange={() => handleCleanAnsChange(2)}
+                    />
+                    2
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanAns'
+                        value={3}
+                        checked={cleanAns === 3}
+                        onChange={() => handleCleanAnsChange(3)}
+                    />
+                    3
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanAns'
+                        value={4}
+                        checked={cleanAns === 4}
+                        onChange={() => handleCleanAnsChange(4)}
+                    />
+                    4
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanAns'
+                        value={5}
+                        checked={cleanAns === 5}
+                        onChange={() => handleCleanAnsChange(5)}
+                    />
+                    5
+                </label>
+            </div>
+
+            <br></br>
+            <div className='section'>
+                <h3>Now tell us what you are looking for in a roommate.</h3>
+            </div>
+
+            <div className='survey-question'>
+                <p>Are you open to having a roommate with another gender?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='genderPref'
+                        value='okay'
+                        checked={genderPref === 'okay'}
+                        onChange={() => handleGenderPrefChange('okay')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='genderPref'
+                        value='same'
+                        checked={genderPref === 'same'}
+                        onChange={() => handleGenderPrefChange('same')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>Are you open to having a roommate in another year of school?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='yearPref'
+                        value='okay'
+                        checked={yearPref === 'okay'}
+                        onChange={() => handleYearPrefChange('okay')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='yearPref'
+                        value='same'
+                        checked={yearPref === 'same'}
+                        onChange={() => handleYearPrefChange('same')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className='survey-question'>
+                <p>Are you okay with your roommate having pets?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='petsPref'
+                        value='yes'
+                        checked={petsPref === 'yes'}
+                        onChange={() => handlePetsPrefChange('yes')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='petsPref'
+                        value='no'
+                        checked={petsPref === 'no'}
+                        onChange={() => handlePetsPrefChange('no')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className="survey-question">
+                <p>Are you okay with your roommate bringing guests?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='guestsPref'
+                        value='yes'
+                        checked={guestsPref === 'yes'}
+                        onChange={() => handleGuestsPrefChange('yes')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='guestsPref'
+                        value='no'
+                        checked={guestsPref === 'no'}
+                        onChange={() => handleGuestsPrefChange('no')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className="survey-question">
+                <p>Are you okay with your roommate smoking?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='smokePref'
+                        value='yes'
+                        checked={smokePref === 'yes'}
+                        onChange={() => handleSmokePrefChange('yes')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='smokePref'
+                        value='no'
+                        checked={smokePref === 'no'}
+                        onChange={() => handleSmokePrefChange('no')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className="survey-question">
+                <p>Are you okay with your roommate drinking?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='drinkPref'
+                        value='yes'
+                        checked={drinkPref === 'yes'}
+                        onChange={() => handleDrinkPrefChange('yes')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='drinkPref'
+                        value='no'
+                        checked={drinkPref === 'no'}
+                        onChange={() => handleDrinkPrefChange('no')}
+                    />
+                    No
+                </label>
+            </div>
+
+            <div className="survey-question">
+                <p>Would you prefer your roommate to have a similar bedtime as you?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='bedPref'
+                        value='similar'
+                        checked={bedPref === 'similar'}
+                        onChange={() => handleBedPrefChange('similar')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='bedPref'
+                        value='okay'
+                        checked={bedPref === 'okay'}
+                        onChange={() => handleBedPrefChange('okay')}
+                    />
+                    Not particularly
+                </label>
+            </div>
+
+            <div className="survey-question">
+                <p>Would you prefer your roommate to have a similar level of loudness as you?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietPref'
+                        value='similar'
+                        checked={quietPref === 'similar'}
+                        onChange={() => handleQuietPrefChange('similar')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='quietPref'
+                        value='okay'
+                        checked={quietPref === 'okay'}
+                        onChange={() => handleQuietPrefChange('okay')}
+                    />
+                    Not particularly
+                </label>
+            </div>
+
+            <div className="survey-question">
+                <p>Would you prefer your roommate to have a similar level of cleanliness as you?</p>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanPref'
+                        value='similar'
+                        checked={cleanPref === 'similar'}
+                        onChange={() => handleCleanPrefChange('similar')}
+                    />
+                    Yes
+                </label>
+                <label>
+                    <input
+                        type='radio'
+                        name='cleanPref'
+                        value='okay'
+                        checked={cleanPref === 'okay'}
+                        onChange={() => handleCleanPrefChange('okay')}
+                    />
+                    Not particularly
+                </label>
+            </div>
+
+            <button onClick={handleSubmit}>Submit the Survey!</button>
+        </div>
+    );
+}
+
+export default Retake;
\ No newline at end of file
diff --git a/front-end/src/UserAnswers.css b/front-end/src/UserAnswers.css
new file mode 100644
index 0000000..97d97e0
--- /dev/null
+++ b/front-end/src/UserAnswers.css
@@ -0,0 +1,45 @@
+
+.Survey {
+    display: flex;
+    flex-direction: column;
+    background-color: #e8e8e8;
+    height: 150vh;
+  }
+  
+  .survey-question {
+    background-color: white;
+    margin-bottom: 1rem;
+    border-radius: 4px;
+  }
+  
+  .section {
+    padding: 0rem 0rem 0rem 1rem;
+    background-color: #BEBEBE;
+    margin-bottom: 1rem;
+  }
+  
+  label {
+    display: block;
+  }
+  
+  select,
+  input[type="number"] {
+    width: 100%;
+    padding: 0.75rem;
+    border: 1px solid #D1D1D1;
+    border-radius: 4px;
+    margin-bottom: 0.5rem;
+  }
+  
+  button {
+    background-color: #57068C;
+    color: white;
+    padding: 0.75rem 1.5rem;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  button:hover {
+    background-color: #6D28D9;
+  }
\ No newline at end of file
diff --git a/front-end/src/UserAnswers.js b/front-end/src/UserAnswers.js
new file mode 100644
index 0000000..0745ac4
--- /dev/null
+++ b/front-end/src/UserAnswers.js
@@ -0,0 +1,100 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import "./UserAnswers.css";
+import Header from "./Header";
+import Button from './Button';
+import axios from 'axios';
+import { set } from 'mongoose';
+
+function UserAnswers() {
+    const navigate = useNavigate();
+    const [error, setError] = useState('');
+    const [errorMessage, setErrorMessage] = useState("");
+
+    const[name, setName] = useState(null);
+    const [year, setYear] = useState(null);
+    const [genderAns, setGenderAns] = useState(null);
+    const [petsAns, setPetsAns] = useState(null);
+    const [guestsAns, setGuestsAns] = useState(null);
+    const [smokeAns, setSmokeAns] = useState(null);
+    const [drinkAns, setDrinkAns] = useState(null);
+    const [maxRent, setMaxRent] = useState(null);
+    const [minRent, setMinRent] = useState(null);
+    const [bedAns, setBedAns] = useState(null);
+    const [quietAns, setQuietAns] = useState(null);
+    const [cleanAns, setCleanAns] = useState(null);
+
+    const fetchSurveyData = async () => {
+        try {
+            const response = await axios.get('http://localhost:3001/useranswers', {
+                headers: {
+                    Authorization: `Bearer ${localStorage.getItem('token')}`
+                }
+            });
+            console.log('Fetching profile data', response.data);
+            if (response.data) {
+                setName(response.data.profile.name)
+                setYear(response.data.answers.year)
+                setGenderAns(response.data.answers.gender)
+                setPetsAns(response.data.answers.pets)
+                setGuestsAns(response.data.answers.guests)
+                setSmokeAns(response.data.answers.smoke)
+                setDrinkAns(response.data.answers.drink)
+                setMaxRent(response.data.answers.rent_max)
+                setMinRent(response.data.answers.rent_min)
+                setBedAns(response.data.answers.bedtime)
+                setQuietAns(response.data.answers.quietness)
+                setCleanAns(response.data.answers.cleanliness)
+            } else {
+                throw new Error('Profile data is missing');
+            }
+        } catch (error) {
+            console.error('Error fetching profile data:', error);
+            setError('Error fetching profile data: ' + error.message);
+        }
+    };
+
+    useEffect(() => {
+        fetchSurveyData();
+    }, []);
+
+
+    return (
+        <div className="Survey">
+            <Header />
+            <div className='section'>
+                <h3>Status</h3>
+            </div>
+            <div className="survey-question">
+                <p>Name: {name} </p>
+                <p>Year: {year}</p>
+                <p>Gender: {genderAns} </p>
+                <p>Do you have pets? {petsAns} </p>
+            </div>
+            <br></br>
+            <div className='section'>
+                <h3>Rent Range</h3>
+            </div>
+            <div className="survey-question">
+                <p>Max Rent: {maxRent} </p>
+                <p>Min Rent: {minRent} </p>
+            </div>
+            <br></br>
+            <div className='section'>
+                <h3>Living Habits</h3>
+            </div>
+            <div className="survey-question">
+                <p>How often do you bring over guests? {guestsAns} </p>
+                <p>How often do you smoke? {smokeAns} </p>
+                <p>How often do you drink? {drinkAns} </p>
+                <p>When is your usual bedtime(1: Before 10, 2: Between 10 pm and 12 am, 3: Between 12 am and 2 am, 
+                    4: Between 2 am and 4 am, 5:After 4 am, 6: Irregular)?  {bedAns} </p>
+                <p>How would you rate your loudness from 1 to 5(1 being quiet and 5 being loud)?  {quietAns} </p>
+                <p>How would you rate your cleanliness from 1 to 5(1 being messy and 5 being clean)?  {cleanAns} </p>
+            </div>
+            <Button text="Back" location="/otheruser" />
+        </div>
+    );
+}
+
+export default UserAnswers;
\ No newline at end of file