diff --git a/.gitignore b/.gitignore
index 8b9cb32..df5c68d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,7 +40,7 @@ Thumbs.db
 #############################
 
 # Lock file so we don't bloat the git log stats
-package-lock.json
+# package-lock.json
 
 # Logs
 logs
diff --git a/back-end/.env b/back-end/.env
index 9f60093..161ab84 100644
--- a/back-end/.env
+++ b/back-end/.env
@@ -1,9 +1,11 @@
 SESSION_SECRET='myKey123!'
 JWT_SECRET='myKey123!'
-CLIENT_URL="http://143.198.14.199:5173/"
+CLIENT_URL="http://192.168.1.159:5173/"
+
 
 MONGODB_DATA_API = "https://us-east-1.aws.data.mongodb-api.com/app/data-fzvrf/endpoint/data/v1"
 MONGODB_API_KEY = "fxgnbKaz0PmfQVDJUG631Qz98KqkisGoXvBGSjziqS6faj9oNBx96MUon32t8gDZ"
+MONGODB_URI = "mongodb+srv://yz5835:mlDMBoYStK63fpWj@bakerdb.imjpooa.mongodb.net/bakerdb"
 
 EMAIL_USER='goodoldmap@gmail.com'
 EMAIL_PASS='Goodoldmap123'
diff --git a/back-end/src/app.mjs b/back-end/src/app.mjs
index 521a9ef..1ca3fe6 100644
--- a/back-end/src/app.mjs
+++ b/back-end/src/app.mjs
@@ -49,11 +49,11 @@ app.use(cors(corsOptions));
 
 console.log(process.env.CLIENT_URL);
 // Connect to MongoDB
-// mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true })
-//   .then(() => {
-//     console.log('Connected to MongoDB...');
-//   })
-//   .catch(err => console.error('Could not connect to MongoDB...', err));
+mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true })
+  .then(() => {
+    console.log('Connected to MongoDB...');
+  })
+  .catch(err => console.error('Could not connect to MongoDB...', err));
 
 // session to auto-save user data (like id) when they login
 app.use(session({
diff --git a/front-end/public/heart.svg b/front-end/public/heart.svg
new file mode 100644
index 0000000..9399a21
--- /dev/null
+++ b/front-end/public/heart.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.45067 13.9082L11.4033 20.4395C11.6428 20.6644 11.7625 20.7769 11.9037 20.8046C11.9673 20.8171 12.0327 20.8171 12.0963 20.8046C12.2375 20.7769 12.3572 20.6644 12.5967 20.4395L19.5493 13.9082C21.5055 12.0706 21.743 9.0466 20.0978 6.92607L19.7885 6.52734C17.8203 3.99058 13.8696 4.41601 12.4867 7.31365C12.2913 7.72296 11.7087 7.72296 11.5133 7.31365C10.1304 4.41601 6.17972 3.99058 4.21154 6.52735L3.90219 6.92607C2.25695 9.0466 2.4945 12.0706 4.45067 13.9082Z" stroke="#33363F" stroke-width="2"/>
+</svg>
\ No newline at end of file
diff --git a/front-end/public/map.svg b/front-end/public/map.svg
new file mode 100644
index 0000000..1449590
--- /dev/null
+++ b/front-end/public/map.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.7 15C4.03377 15.6353 3 16.5205 3 17.4997C3 19.4329 7.02944 21 12 21C16.9706 21 21 19.4329 21 17.4997C21 16.5205 19.9662 15.6353 18.3 15M12 9H12.01M18 9C18 13.0637 13.5 15 12 18C10.5 15 6 13.0637 6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9ZM13 9C13 9.55228 12.5523 10 12 10C11.4477 10 11 9.55228 11 9C11 8.44772 11.4477 8 12 8C12.5523 8 13 8.44772 13 9Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/front-end/public/sunset.jpg b/front-end/public/sunset.jpg
new file mode 100644
index 0000000..c32ab6c
Binary files /dev/null and b/front-end/public/sunset.jpg differ
diff --git a/front-end/public/user.svg b/front-end/public/user.svg
new file mode 100644
index 0000000..13efef2
--- /dev/null
+++ b/front-end/public/user.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 14C8.13401 14 5 17.134 5 21H19C19 17.134 15.866 14 12 14Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/front-end/src/pages/Authenticate/Login.jsx b/front-end/src/pages/Authenticate/Login.jsx
index 12be349..94f6b41 100644
--- a/front-end/src/pages/Authenticate/Login.jsx
+++ b/front-end/src/pages/Authenticate/Login.jsx
@@ -107,7 +107,7 @@ const Login = () => {
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
-            filter: blur(2px); /* Apply the blur effect */
+            filter: blur(0px); /* Apply the blur effect */
             z-index: -1; /* Ensure it's behind the content */
           }
         `}
diff --git a/front-end/src/pages/Authenticate/Register.jsx b/front-end/src/pages/Authenticate/Register.jsx
index 5614a2c..063f6f7 100644
--- a/front-end/src/pages/Authenticate/Register.jsx
+++ b/front-end/src/pages/Authenticate/Register.jsx
@@ -47,7 +47,7 @@ const Register = () => {
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
-            filter: blur(2px); /* Apply the blur effect */
+            filter: blur(0px); /* Apply the blur effect */
             z-index: -1; /* Ensure it's behind the content */
           }
         `}
diff --git a/front-end/src/pages/FavoriteList/FavoriteList.jsx b/front-end/src/pages/FavoriteList/FavoriteList.jsx
index 323b5ef..13ba2ca 100644
--- a/front-end/src/pages/FavoriteList/FavoriteList.jsx
+++ b/front-end/src/pages/FavoriteList/FavoriteList.jsx
@@ -42,12 +42,12 @@ const FavoriteList = () => {
   return (
     <>
       <NavBar>
-        <div className="w-full text-center">
-          <h2>My Favorite Arts</h2>
+        <div className="mx-auto text-center">
+          <h2>My Favorite Arts 🎨</h2>
         </div>
       </NavBar>
-      <div className="max-w-[30rem] w-[80%] mx-auto flex flex-col">
-        <div className="text-center space-x-8 my-3">
+      <div className="max-w-[30rem] w-[80%] mx-auto flex flex-col ">
+        <div className="text-center space-x-8 my-4">
           <button
             className="bg-white hover:bg-beige3 hover:text-white transition duration-300 ease-in-out px-4 py-2 rounded"
             onClick={() => sortArts("title")}>
@@ -60,15 +60,15 @@ const FavoriteList = () => {
           </button>
         </div>
 
-
-        <div className='mt-5 overflow-scroll p-8 flex-row'>
+      <div className="flex justify-center items-center min-h-screen">
+        <div className=' overflow-scroll p-5 flex-row grid grid-cols-1 gap-4'>
           {arts.map((art) => (
-            <div key={art._id} onClick={() => handleArtItemClick(art)}>
+            <div key={art._id} onClick={() => handleArtItemClick(art)} className="w-full md:w-1/2 lg:w-1/3">
               <ArtItem art={art}/>
             </div>
           ))}
         </div>
-
+      </div>
       </div>
     </>
 
diff --git a/front-end/src/pages/MainMap/MapLayout.jsx b/front-end/src/pages/MainMap/MapLayout.jsx
index a70460e..fe5fa62 100644
--- a/front-end/src/pages/MainMap/MapLayout.jsx
+++ b/front-end/src/pages/MainMap/MapLayout.jsx
@@ -46,8 +46,8 @@ const MapLayout = () => {
   return (
     <>
     <div className="h-[calc(100vh-6rem)] flex flex-col relative">
-      <div className="h-[12rem]">
-        <nav className="fixed py-[2vh] px-[10%] w-full bg-beige2 flex flex-col justify-between">
+      <div className="h-[14rem]">
+        <nav className="fixed py-[5vh] px-[10%] w-full bg-beige1 flex flex-col justify-between ">
           
           <div className="relative w-full my-1">
             <input className={`w-full py-2 pl-4 pr-10 text-left border-solid border-2 border-navyBlue rounded-full placeholder:text-left placeholder:text-gray-400 bg-white`}