diff --git a/app/src/App.tsx b/app/src/App.tsx
index e225897..f98fdb6 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -2,6 +2,7 @@ import React, { type ReactElement } from "react";
 import { Routes, Route } from "react-router-dom";
 import Home from "./pages/Home";
 import MentorDashboard from "./pages/MentorDashboard";
+import MenteeDashboard from "./pages/MenteeDashboard";
 import CreateWorkshop from "./pages/CreateWorkshop";
 import CreateMeeting from "./pages/CreateMeeting";
 import AuthCallback from "./pages/auth-callback";
@@ -13,6 +14,7 @@ function App(): ReactElement {
         <Route path="/" element={<Home />} />
         <Route path="/home" element={<Home />} />
         <Route path="/mentor" element={<MentorDashboard />} />
+        <Route path="/mentee" element={<MenteeDashboard/>}/>
         <Route path="/create-workshop" element={<CreateWorkshop />} />
         <Route path="/create-meeting" element={<CreateMeeting />} />
         <Route path="/callback" element={<AuthCallback />} />
diff --git a/app/src/pages/MenteeDashboard.tsx b/app/src/pages/MenteeDashboard.tsx
index a8878b8..7211f43 100644
--- a/app/src/pages/MenteeDashboard.tsx
+++ b/app/src/pages/MenteeDashboard.tsx
@@ -7,7 +7,7 @@ const MenteeDashboard = () => {
       <Navbar />
       <div className="Flex-row Justify-content--spaceBetween">
         <div className="Block Width--60 Margin-right--40 Margin-left--40 Margin-top--40 Height--100vh">
-          <div className="Block-header Text-color--gray-600 Margin-bottom--20">
+          <div className="Block-header Text-color--gray-600 Margin-bottom--20" style={{fontSize:"20px"}}>
             My courses
           </div>
 
@@ -67,10 +67,54 @@ const MenteeDashboard = () => {
             </div>
           </div>
         </div>
+
+        
         <div className="Block Width--40 Margin-right--40 Margin-top--40 Height--100vh">
-          <div className="Block-header Text-color--gray-600 Margin-bottom--20">
-            Upcoming Events
+          <div className="Block-header Text-color--gray-1000 Margin-bottom--20" style={{ borderBottom: '1px solid #e0e0e0', paddingBottom: '10px',textAlign:"center" }}>
+            Upcoming Events!
+          </div>
+          <div className="Block-subtitle Margin-top--40" style={{borderBottom: '1px solid #e0e0e0', width: "50%"}}>
+            June
+          </div>
+
+          <div className="Margin-top--20">
+            <div className="Flex-row Margin-bottom--10">
+              <div className="Margin-right--40" style={{ textAlign: 'center', width: '40px' }}>
+                <div className="Text-color--gray-800">wed</div>
+                <div className="Text-fontSize--30 Text-color--gray-1000">25</div>
+              </div>
+              <div>
+                <div className="Text-fontSize--16 Text-color--gray-1000">
+                  Mock Interview Session
+                </div>
+                <div className="Text-fontSize--14 Text-color--gray-800">
+                  Practice your interview skills with an industry professional
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="Margin-top--20">
+            <div className="Flex-row Margin-bottom--10">
+              <div className="Margin-right--40" style={{ textAlign: 'center', width: '40px' }}>
+                <div className="Text-color--gray-800">wed</div>
+                <div className="Text-fontSize--30 Text-color--gray-1000">25</div>
+              </div>
+              <div>
+                <div className="Text-fontSize--16 Text-color--gray-1000">
+                  Resume Workshop
+                </div>
+                <div className="Text-fontSize--14 Text-color--gray-800">
+                  Develop your resume with a senior employee
+                </div>
+              </div>
+            </div>
           </div>
+          
+
+
+
+          
         </div>
       </div>
     </>
diff --git a/app/src/styles/_utilities.scss b/app/src/styles/_utilities.scss
index e7f3a17..c4525ac 100644
--- a/app/src/styles/_utilities.scss
+++ b/app/src/styles/_utilities.scss
@@ -443,6 +443,7 @@
   }
 }
 
+
 .Image {
   width: 50%;
   height: auto;