From 71c986bf0107b5c036d397e79695539b7676a6f7 Mon Sep 17 00:00:00 2001
From: Prajwal Pisal <prajwalpisal2000@gmail.com>
Date: Wed, 22 Feb 2023 23:46:14 +0000
Subject: [PATCH 1/2] Created a profile page for teachers.

---
 pages/classes/index.js |   3 ++
 pages/index.js         |   3 ++
 pages/profile.js       | 117 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 123 insertions(+)
 create mode 100644 pages/profile.js

diff --git a/pages/classes/index.js b/pages/classes/index.js
index 7969ba77..41630aac 100644
--- a/pages/classes/index.js
+++ b/pages/classes/index.js
@@ -102,6 +102,9 @@ export default function Classes({
             <div className='border-solid border-2 pl-4 pr-4'>
               <Link href={'/'}> Menu</Link>
             </div>
+            <div className='border-solid border-2 pl-4 pr-4'>
+              <Link href={'/profile'}> Profile</Link>
+            </div>
           </Navbar>
 
           <div className={'text-center p-10'}>
diff --git a/pages/index.js b/pages/index.js
index 9b42c8e5..1af6a171 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -19,6 +19,9 @@ export default function Home() {
           <div className='border-solid border-2 pl-4 pr-4'>
             <Link href={'/'}> Menu</Link>
           </div>
+          <div className='border-solid border-2 pl-4 pr-4'>
+            <Link href={'/profile'}> Profile</Link>
+          </div>
         </Navbar>
         <div className={styles.boxx}>
           <h1 className='text-[40px] text-center big-heading underline'>
diff --git a/pages/profile.js b/pages/profile.js
new file mode 100644
index 00000000..16a1fa2e
--- /dev/null
+++ b/pages/profile.js
@@ -0,0 +1,117 @@
+import { useState, useEffect } from 'react';
+import Navbar from '../components/navbar';
+import Link from 'next/link';
+
+function Profile() {
+  // Set up initial user data
+  const [userData, setUserData] = useState({
+    name: '',
+    email: '',
+    university: '',
+    bio: ''
+  });
+
+  // Load user data from localStorage if available
+  useEffect(() => {
+    if (localStorage.getItem('userData')) {
+      setUserData(JSON.parse(localStorage.getItem('userData')));
+    }
+  }, []);
+
+  // Update user data and localStorage
+  function handleSave() {
+    localStorage.setItem('userData', JSON.stringify(userData));
+  }
+
+  return (
+    <div className='bg-zinc-200 opacity-100 fixed inset-0 z-50'>
+      <Navbar>
+        <div className='border-solid border-2 pl-4 pr-4'>
+          <Link href={'/classes'}>Classes</Link>
+        </div>
+        <div className='border-solid border-2 pl-4 pr-4'>
+          <Link href={'/'}> Menu</Link>
+        </div>
+      </Navbar>
+      <div className='flex h-screen justify-center items-center'>
+        <div className='flex-col justify-center bg-[#0a0a23] py-12 px-24 border-4 border-sky-500 rounded-x1 overflow-auto max-h-screen'>
+          <div className='flex text-lg text-white justify-center items-center'>
+            <div className='profile'>
+              <div className='profile-pic'>
+                <img
+                  src={`https://via.placeholder.com/150x150?text=${userData.name
+                    .charAt(0)
+                    .toUpperCase()}`}
+                  alt='Profile picture'
+                />
+              </div>
+              <div className='username'>{userData.name} </div>
+              <form className='mt-8 space-y-8'>
+                <div className='rounded-md text-white shadow-sm -space-y-px'>
+                  <label htmlFor='name'>Name: </label>
+                  <div className='text-black'>
+                    <input
+                      id='name'
+                      type='text'
+                      value={userData.name}
+                      onChange={e =>
+                        setUserData({ ...userData, name: e.target.value })
+                      }
+                    />
+                  </div>
+                </div>
+                <div className='rounded-md shadow-sm -space-y-px'>
+                  <label htmlFor='email'>Email: </label>
+                  <div className='text-black'>
+                    <input
+                      id='email'
+                      type='email'
+                      value={userData.email}
+                      onChange={e =>
+                        setUserData({ ...userData, email: e.target.value })
+                      }
+                    />
+                  </div>
+                </div>
+                <div className='rounded-md shadow-sm -space-y-px'>
+                  <label htmlFor='university'>University: </label>
+                  <div className='text-black'>
+                    <input
+                      id='university'
+                      type='text'
+                      value={userData.university}
+                      onChange={e =>
+                        setUserData({ ...userData, university: e.target.value })
+                      }
+                    />
+                  </div>
+                </div>
+                <div className='rounded-md shadow-sm -space-y-px'>
+                  <label htmlFor='bio'>Bio: </label>
+                  <div className='text-black'>
+                    <textarea
+                      id='bio'
+                      value={userData.bio}
+                      onChange={e =>
+                        setUserData({ ...userData, bio: e.target.value })
+                      }
+                    ></textarea>
+                  </div>
+                </div>
+                <button
+                  type='submit'
+                  onClick={handleSave}
+                  className=' rounded px-4 py-2 text-white bg-green-700'
+                >
+                  Save changes
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Profile;

From bb99238fa39ecbe4b53804f65502e3cb42de331b Mon Sep 17 00:00:00 2001
From: Prajwal Pisal <prajwalpisal2000@gmail.com>
Date: Wed, 22 Feb 2023 23:55:29 +0000
Subject: [PATCH 2/2] Co-authored-by: Akhil Kalakota <akhilkalakota@gmail.com>
 Co-authored-by: Anisha Jadhav <anisha.jadhav07@gmail.com>

---
 pages/profile.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/profile.js b/pages/profile.js
index 16a1fa2e..d358a870 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -11,7 +11,7 @@ function Profile() {
     bio: ''
   });
 
-  // Load user data from localStorage if available
+  // Load user data from localStorage if available.
   useEffect(() => {
     if (localStorage.getItem('userData')) {
       setUserData(JSON.parse(localStorage.getItem('userData')));