From eac38f6dc14cbe9544a283e757a53c143524824e Mon Sep 17 00:00:00 2001
From: pjraghuram <penugondaraghuram@gmail.com>
Date: Sun, 20 Apr 2025 16:27:13 -0400
Subject: [PATCH] Updated Frontend

---
 services/frontend1/src/NULogo.js     | 18 ++++++++++++
 services/frontend1/src/UserAvatar.js | 41 ++++++++++++++++++++++++++++
 services/frontend1/src/index.js      | 11 ++++++++
 3 files changed, 70 insertions(+)
 create mode 100644 services/frontend1/src/NULogo.js
 create mode 100644 services/frontend1/src/UserAvatar.js
 create mode 100644 services/frontend1/src/index.js

diff --git a/services/frontend1/src/NULogo.js b/services/frontend1/src/NULogo.js
new file mode 100644
index 0000000..8514246
--- /dev/null
+++ b/services/frontend1/src/NULogo.js
@@ -0,0 +1,18 @@
+import React from 'react';
+
+const NULogo = () => {
+  return (
+    <img s
+      src="/northeastern-logo.svg" 
+      alt="Northeastern University" 
+      className="nu-logo"
+      style={{
+        height: '70px',
+        width: 'auto',
+        objectFit: 'contain'
+      }}
+    />
+  );
+};
+
+export default NULogo;
\ No newline at end of file
diff --git a/services/frontend1/src/UserAvatar.js b/services/frontend1/src/UserAvatar.js
new file mode 100644
index 0000000..8ed3d5c
--- /dev/null
+++ b/services/frontend1/src/UserAvatar.js
@@ -0,0 +1,41 @@
+import React from 'react';
+
+const UserAvatar = ({ size = 40, strokeWidth = 2 }) => {
+  const radius = (size / 2) - strokeWidth;
+  const center = size / 2;
+
+  return (
+    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
+      {/* Outer circle with red border */}
+      <circle
+        cx={center}
+        cy={center}
+        r={radius}
+        fill="black"
+        stroke="#FF3B30"
+        strokeWidth={strokeWidth}
+      />
+
+      {/* Head */}
+      <circle
+        cx={center}
+        cy={center - 5}
+        r={6}
+        fill="white"
+      />
+
+      {/* Shoulders */}
+      <path
+        d={`
+          M${center - 10} ${size - 8}
+          C${center - 10} ${(size / 1.5)}
+           ${center + 10} ${(size / 1.5)}
+           ${center + 10} ${size - 8}
+        `}
+        fill="white"
+      />
+    </svg>
+  );
+};
+
+export default UserAvatar;
diff --git a/services/frontend1/src/index.js b/services/frontend1/src/index.js
new file mode 100644
index 0000000..1675893
--- /dev/null
+++ b/services/frontend1/src/index.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
\ No newline at end of file