diff --git a/FRONTEND/package-lock.json b/FRONTEND/package-lock.json index be525a9..81c89d8 100644 --- a/FRONTEND/package-lock.json +++ b/FRONTEND/package-lock.json @@ -30,7 +30,7 @@ "globals": "^15.9.0", "postcss": "^8.4.41", "tailwindcss": "^3.4.10", - "vite": "^5.4.1" + "vite": "^5.4.2" } }, "node_modules/@alloc/quick-lru": { @@ -5510,6 +5510,7 @@ "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.2.tgz", "integrity": "sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==", "dev": true, + "license": "MIT", "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.41", diff --git a/FRONTEND/package.json b/FRONTEND/package.json index a48dddc..b5e1d06 100644 --- a/FRONTEND/package.json +++ b/FRONTEND/package.json @@ -32,6 +32,6 @@ "globals": "^15.9.0", "postcss": "^8.4.41", "tailwindcss": "^3.4.10", - "vite": "^5.4.1" + "vite": "^5.4.2" } } diff --git a/FRONTEND/src/App.jsx b/FRONTEND/src/App.jsx index add033b..2b1b9a1 100644 --- a/FRONTEND/src/App.jsx +++ b/FRONTEND/src/App.jsx @@ -6,6 +6,7 @@ import Sidebar from './Components/Sidebar'; import Classes from './Pages/Classes'; import Results from './Pages/Results'; import Topbar from './Components/Topbar'; +import MyProfile from './Pages/MyProfile'; function App() { return ( @@ -21,6 +22,7 @@ function App() { } /> } /> } /> + } /> diff --git a/FRONTEND/src/Components/Header.jsx b/FRONTEND/src/Components/Header.jsx new file mode 100644 index 0000000..e66f13d --- /dev/null +++ b/FRONTEND/src/Components/Header.jsx @@ -0,0 +1,33 @@ +import React from 'react'; +import headerBackground from '../assets/WavePhoto.jpg'; // Ensure you have this image in your assets +import { FaSearch, FaBell, FaPen, FaEnvelope, FaCaretDown } from 'react-icons/fa'; + +const Header = () => { + return ( +
+ {/* Overlay to darken the background image for better text visibility */} +
+ + {/* Content on top of the background */} +
+
+
+
AP
+
Anshuman Patra
+
+
+
+
+ ); +}; + +export default Header; diff --git a/FRONTEND/src/Components/MainLayout.jsx b/FRONTEND/src/Components/MainLayout.jsx new file mode 100644 index 0000000..a668195 --- /dev/null +++ b/FRONTEND/src/Components/MainLayout.jsx @@ -0,0 +1,87 @@ +import React from 'react'; +import Header from './Header'; +import Header2 from './header2'; +import ProfileCard from './ProfileCard'; + +const MainLayout = () => { + return ( +
+
+
+ +
+ +
+
+ Gender: + Male +
+
+ Age: + 15 +
+
+ Blood Group: + B+ve +
+
+
+ Contact Number: + +91 9868267234 +
+
+ Address: + Plot No.81, New Colony, Lane-17, VaniVihar, Bhubaneswar +
+ + + +
+ Father/Mother Name: + Mr. Ashok Kumar Jackson +
+
+ Contact Number: + +91 9868267234 +
+
+ Occupation: + CEO at Fintech Software Private Limited, BBSR +
+ + + +
+ Previous Term Grades: + 69% | B+ (Good) +
+
+ Best Perform Subject: + Mathematics +
+
+ Weakest Subject: + Physics +
+ + + +
+ Father/Mother/Guardian Name: + Mr. Ashok Kumar Jackson +
+
+ Contact Number: + +91 9868267234, +91 9868267234 +
+
+ Address: + Plot No.81, New Colony, Lane-17, VaniVihar, Bhubaneswar +
+ +
+
+ ); +} + +export default MainLayout; \ No newline at end of file diff --git a/FRONTEND/src/Components/ProfileCard.jsx b/FRONTEND/src/Components/ProfileCard.jsx new file mode 100644 index 0000000..2b513cd --- /dev/null +++ b/FRONTEND/src/Components/ProfileCard.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { FaPen } from 'react-icons/fa'; + +const ProfileCard = ({ title, children }) => { + return ( +
+ {/* Title with full purple background */} +
+ {title} + +
+ {/* Card content */} +
+ {children} +
+
+ ); +} + +export default ProfileCard; diff --git a/FRONTEND/src/Components/header2.jsx b/FRONTEND/src/Components/header2.jsx new file mode 100644 index 0000000..f3c7859 --- /dev/null +++ b/FRONTEND/src/Components/header2.jsx @@ -0,0 +1,36 @@ +import React from 'react'; + +const Header2 = () => { + return ( +
+
+ Profile +
+
Anshuman Patra
+
+ Student ID: abc@134 | Class: 12(A) +
+
+
+
+ Class Teacher +
+
Class Teacher
+
+ Mrs. Tanya Roy +
+
+
+
+ ); +} + +export default Header2; diff --git a/FRONTEND/src/Pages/MyProfile.jsx b/FRONTEND/src/Pages/MyProfile.jsx index a55d5d7..324a236 100644 --- a/FRONTEND/src/Pages/MyProfile.jsx +++ b/FRONTEND/src/Pages/MyProfile.jsx @@ -1,11 +1,13 @@ -import React from 'react' +import React from 'react'; +import MainLayout from '../Components/MainLayout'; -const MyProfile = () => { +function App() { return ( -
-

My Profile

+
+ {/* ? main MainLayout */} +
- ) + ); } -export default MyProfile +export default App;