From d933855ef5af646a16531fccd53d5697908494a0 Mon Sep 17 00:00:00 2001 From: Krish-2118 Date: Sun, 3 Aug 2025 15:21:58 +0530 Subject: [PATCH 1/3] : data TeamPage.jsx --- src/pages/team/TeamPage.jsx | 58 +++++++++++++++++++++++++++++-------- 1 file changed, 46 insertions(+), 12 deletions(-) diff --git a/src/pages/team/TeamPage.jsx b/src/pages/team/TeamPage.jsx index 83d9795..54b5793 100644 --- a/src/pages/team/TeamPage.jsx +++ b/src/pages/team/TeamPage.jsx @@ -4,14 +4,17 @@ import teamMembers from "../../config/teammate"; const TeamPage = () => { const [activeTeam, setActiveTeam] = useState("All"); - - const teams = ["All", "Team 1", "Team 2", "Team 3", "Team 4"]; + + const teams = ["All", "Executive Body","Team Bluebird", "Team Bluestreak", "Team Blueprint"]; const filteredMembers = - activeTeam === "All" - ? teamMembers - : teamMembers.filter((member) => member.team === activeTeam); - + activeTeam === "All" + ? Array.from( + new Map( + teamMembers.map((m) => [m.name, m]) + ).values() + ) + : teamMembers.filter((member) => member.team === activeTeam); return (
@@ -19,7 +22,7 @@ const TeamPage = () => { Meet Our Team

- Lorem ipsum dolor sit amet, consectetur adipiscing elit... +

@@ -28,7 +31,7 @@ const TeamPage = () => { ))} - +
+ {activeTeam === "Team Bluestreak" && ( +

+ Bluestreak, a team within ASME at NIT Rourkela, is a dedicated team focused on research, + analysis, and innovation. They specialize in designing human-powered vehicles from scratch, + incorporating indigenous elements. Bluestreak actively participates in the eHPV competition at ASME Efest, + showcasing their commitment to pushing the boundaries of human-powered vehicle design and contributing to the advancement + of sustainable transportation solutions. +

+ )} + {activeTeam === "Team Bluebird" && ( +

+ Bluebird, a team from ASME NIT Rourkela, specializes in CAD modeling and coding for virtual competitions. + Their expertise extends to designing vehicles for diverse challenges, including autonomous vehicle competitions, + lunar lander simulations, and ocean cleanup missions. Through innovation and technical prowess, Team + Bluebird consistently participates in and excels at a variety of virtual events, showcasing their commitment + to engineering excellence and problem-solving in the digital realm. +

+ )} + {activeTeam === "Team Blueprint" && ( +

+ Team Blueprint, a team of ASME NIT Rourkela, engages in research, innovation, and design. They utilize + CAD software to create diverse models, subsequently manufacturing them through 3D printing technology + . The team actively participates in the IAM3D competition as part of ASME Efest, showcasing their skills + and expertise in engineering and design within the ASME community +

+ )} +
+ {filteredMembers.map((member, index) => (
@@ -53,9 +84,12 @@ const TeamPage = () => {
-

{member.name || "Full name"}

-

- {member.title || "Job title"} +

{member.name || "Full name"}

+

+ {member.title || ""} +

+

+ {member.team || ""}

Date: Sun, 3 Aug 2025 15:23:24 +0530 Subject: [PATCH 2/3] responsiveness of Team.jsx --- src/components/Team.jsx | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/src/components/Team.jsx b/src/components/Team.jsx index 234b345..3b72c09 100644 --- a/src/components/Team.jsx +++ b/src/components/Team.jsx @@ -8,7 +8,6 @@ const TeamSlider = () => { const [visibleCount, setVisibleCount] = useState(1); const getVisibleCount = () => { - if (window.innerWidth < 640) return 1; if (window.innerWidth < 768) return 1; if (window.innerWidth < 1024) return 2; if (window.innerWidth < 1280) return 3; @@ -45,7 +44,7 @@ const TeamSlider = () => {

Our team

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. +