"Removed 'dev' flag from package-lock.json, refactored App.jsx, and updated components (Contact, Header, OurAlumni) with minor changes."

Author: abhishekraoas

client/package-lock.json

@@ -1,62 +1,31 @@
 import React from "react";
 import {BrowserRouter, Route, Routes} from 'react-router-dom'
 import './index.css';
-import UserCard from "./components/UserCards";
 import Footer from "./components/Footer";
-import SignUp from "./components/SignUp";
 import Login from "./components/Login";
 import Header from "./components/Header";
 import Register from "./components/Register";
-
-import ScrollTop from "./components/ScrollTop";
 import About from "./components/About";
 import OurAlumni from "./components/OurAlumni";
 import Contact from "./components/Contact";
-
-import Contact from "./components/Contact"
+import Home from "./components/Home";
 
 // import Profile from "./components/Profile";
 
 export default function App() {
-  const user = {
-    name: "AbhiShek Rao",
-    email: "johndoe@example.com",
-    avatar: "https://i.postimg.cc/q7HVzS6f/Abhi.jpg",
-    city: "Gorakhpur",
-    role: "Web Developer",
-    passOut: "MCA 2025",
-  };
   return (
     <BrowserRouter>
-    {/* <div style={{
-      height: '100vh',
-      overflowY: 'scroll',
-      scrollbarWidth: 'thin',
-      scrollbarColor: '#d3d3d3 #f1f1f1',
-      }}> */}
-      
-
-      <Header />
-      <ScrollTop/>  
+      <Header /> 
       <Routes>
-          <Route path="/" element={<Register/>}/>
+          <Route path="/" element={<Home />}/>
           <Route path="/register" element={<Register />} />
-          <Route path="/signup" element={<SignUp />} />
           <Route path="/login" element={<Login />} />
           <Route path="/about" element={<About />} />
-          <Route path="/our-alumni" element={<OurAlumni />} />
+          <Route path="/alumni" element={<OurAlumni />} />
           <Route path="/contact" element={<Contact />} />
           {/* <Route path="/profile" element={<UserProfile />} /> */}
        </Routes>
-
-      <Register />
-      {/* <SignUp/> */}
-      {/* <Login /> */}
-      {/* <Profile/> */}
-      <Contact />
-
       <Footer />
-    {/* </div> */}
     </BrowserRouter>
   );
 }

client/src/App.jsx

@@ -1,16 +1,3 @@
-
-import React from 'react'
-
-const Contact = () => {
-  return (
-    <div>
-      Contact Page Component
-    </div>
-  )
-}
-
-export default Contact
-
 import React, { useRef } from "react";
 import emailjs from "@emailjs/browser";
 import wave from "../assets/wave.png";

client/src/components/Contact.jsx

@@ -23,14 +23,14 @@ const Header = () => {
             <Link to="/about" className="hover:text-gray-300">
               About
             </Link>
-            <Link to="/our-alumni" className="hover:text-gray-300">
+            <Link to="/alumni" className="hover:text-gray-300">
               Our Alumni
             </Link>
             <Link to="/contact" className="hover:text-gray-300">
               Contact
             </Link>
-            <Link to="/signup" className="hover:text-gray-300">
-              Sign Up
+            <Link to="/register" className="hover:text-gray-300">
+              Register as Alumni
             </Link>
             <Link to="/login" className="hover:text-gray-300">
               Log In
@@ -72,14 +72,14 @@ const Header = () => {
               <Link to="/about" className="block text-sm font-semibold hover:text-gray-300">
                 About
               </Link>
-              <Link to="/our-alumni" className="block text-sm font-semibold hover:text-gray-300">
-                Our Alumni
+              <Link to="/alumni" className="block text-sm font-semibold hover:text-gray-300">
+                 Alumni
               </Link>
               <Link to="/contact" className="block text-sm font-semibold hover:text-gray-300">
                 Contact
               </Link>
-              <Link to="/signup" className="block text-sm font-semibold hover:text-gray-300">
-                Sign Up
+              <Link to="/register" className="block text-sm font-semibold hover:text-gray-300">
+                Register as Alumni
               </Link>
               <Link to="/login" className="block text-sm font-semibold hover:text-gray-300">
                 Log In

client/src/components/Header.jsx

@@ -0,0 +1,12 @@
+import React from "react";
+ const Home = () => {
+    return (
+        <div>
+        <div className="flex items-center justify-center h-screen bg-gray-800 text-white">
+            <h1 className="text-4xl font-semibold">Home</h1>
+        </div>
+        </div>
+    );
+}
+
+export default Home;

client/src/components/Home.jsx

@@ -1,11 +1,38 @@
-import React from 'react'
+import React from "react";
+import UserCards from "./UserCards";
 
 const OurAlumni = () => {
+
+  const user = {
+    name: "AbhiShek Rao",
+    email: "johndoe@example.com",
+    avatar: "https://i.postimg.cc/q7HVzS6f/Abhi.jpg",
+    city: "Gorakhpur",
+    role: "Web Developer",
+    passOut: "MCA 2025",
+  };
+
   return (
-    <div>
-      Our Alumni page Component
+    <>
+      <div className="container mx-auto px-4">
+        <div className="flex flex-wrap -mx-4">
+        <div className="w-full md:w-1/2 xl:w-1/3 p
+        x-4 mb-8">
+            <UserCards user={user} />
+          </div>
+          <div className="w-full md:w-1/2 xl:w-1/3 px-4 mb-8">
+            <UserCards user={user} />
+          </div>
+          <div className="w-full md:w-1/2 xl:w-1/3 px-4 mb-8">
+            <UserCards user={user} />
+  
+          </div>
+          </div>
+
     </div>
-  )
-}
+</>
+   
+  );
+};
 
-export default OurAlumni
+export default OurAlumni;