From d933855ef5af646a16531fccd53d5697908494a0 Mon Sep 17 00:00:00 2001 From: Krish-2118 Date: Sun, 3 Aug 2025 15:21:58 +0530 Subject: [PATCH 1/6] : 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/6] 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. +

@@ -75,22 +73,28 @@ const TeamSlider = () => { transform: `translateX(-${currentIndex * (100 / visibleCount)}%)`, }} > - {Array.from(new Map(teamMembers.map((m) => [m.name, m])).values()).map((member, index) => ( -
- + {Array.from( + new Map(teamMembers.map((m) => [m.name, m])).values(), + ).map((member, index) => ( +
{member.name}
-

{member.name}

-

{member.title}

-

{member.team}

+

+ {member.name} +

+

+ {member.title} +

+

{member.team}

{member.description}

diff --git a/src/config/teammate.js b/src/config/teammate.js index adbcf60..ad393fa 100644 --- a/src/config/teammate.js +++ b/src/config/teammate.js @@ -6,7 +6,7 @@ const teamMembers = [ img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119368/Photo_from_Soumya_Mohanty_yv6fsd.jpg", description: "", linkedin: "https://www.linkedin.com/in/soumya-mohanty-me0409", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Pratyush Prateek Dash", @@ -15,7 +15,7 @@ const teamMembers = [ description: "", team: "Executive Body", linkedin: "https://www.linkedin.com/in/pratyush-prateek-dash-b8298128a/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Sahil Singh", @@ -24,34 +24,34 @@ const teamMembers = [ description: "", team: "Executive Body", linkedin: "https://linkedin.com/in/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, - { + { name: "Gurudutta Sutar", title: "Treasurer", img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119361/Gurudutta_taaaxv.jpg", description: "", team: "Executive Body", linkedin: "https://linkedin.com/in/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, - { + { name: "Samidha Behera", title: "Sponsorship Head", img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119375/samidha_kxwkkb.jpg", description: "", team: "Executive Body", linkedin: "https://www.linkedin.com/in/samidha-behera-09297828a/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, - { + { name: "Nikhil Kumar Dalai", title: "PR Head", img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754122159/nikhil_co92yf.jpg", description: "", team: "Executive Body", linkedin: "https://www.linkedin.com/in/nikhil-dalai/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Aaditya Sahu", @@ -60,7 +60,7 @@ const teamMembers = [ team: "Team Bluestreak", description: "", linkedin: "https://www.linkedin.com/in/aaditya-sahoo-9605a4279/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Komal Hitesh", @@ -69,7 +69,7 @@ const teamMembers = [ description: "", team: "Team Bluestreak", linkedin: "https://www.linkedin.com/in/komal-hitesh-gude-a1402830a/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Somanchi Shanmukh", @@ -78,7 +78,6 @@ const teamMembers = [ description: "", team: "Team Bluestreak", linkedin: "https://www.linkedin.com/in/shanmukhsomanchi/", - }, { name: "Aryan Dongare", @@ -87,7 +86,7 @@ const teamMembers = [ description: "", team: "Team Bluestreak", linkedin: "https://www.linkedin.com/in/aryan-dongare-82aa40325/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Mayukh Thakuria", @@ -96,7 +95,7 @@ const teamMembers = [ description: "", team: "Team Bluestreak", linkedin: "https://www.linkedin.com/in/mayukh-thakuria-509ab8306/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Smruti Satabdi Prusty", @@ -105,7 +104,7 @@ const teamMembers = [ description: "", team: "Team Bluestreak", linkedin: "https://www.linkedin.com/in/smruti-satabdi-prusty-a35a3a2a2/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Chittaranjan Behera", @@ -114,7 +113,7 @@ const teamMembers = [ description: "", team: "Team Blueprint", linkedin: "https://www.linkedin.com/in/chittaranjan-behera-012b64292/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Dharitri", @@ -123,7 +122,7 @@ const teamMembers = [ description: "", team: "Team Blueprint", linkedin: "https://www.linkedin.com/in/dharitri-pradhan-a92b98269/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Nikhil Raj Kiran Sahoo", @@ -132,7 +131,7 @@ const teamMembers = [ description: "", team: "Team Blueprint", linkedin: "https://www.linkedin.com/in/nikhil-rajkiran-sahoo-515397277/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Soaham Tripathy", @@ -141,7 +140,7 @@ const teamMembers = [ description: "", team: "Team Blueprint", linkedin: "https://www.linkedin.com/in/soaham-tripathy-223582336/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Soaham Tripathy", @@ -150,7 +149,7 @@ const teamMembers = [ description: "", team: "Team Bluebird", linkedin: "https://www.linkedin.com/in/soaham-tripathy-223582336/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, { name: "Dev Soni", @@ -159,9 +158,8 @@ const teamMembers = [ description: "", team: "Team Bluebird", linkedin: "https://www.linkedin.com/in/dev-soni-80020228a/", - twitter: "https://x.com/home" + twitter: "https://x.com/home", }, - ]; export default teamMembers; diff --git a/src/pages/team/TeamPage.jsx b/src/pages/team/TeamPage.jsx index 54b5793..378ceaf 100644 --- a/src/pages/team/TeamPage.jsx +++ b/src/pages/team/TeamPage.jsx @@ -4,26 +4,26 @@ import teamMembers from "../../config/teammate"; const TeamPage = () => { const [activeTeam, setActiveTeam] = useState("All"); - - const teams = ["All", "Executive Body","Team Bluebird", "Team Bluestreak", "Team Blueprint"]; + + const teams = [ + "All", + "Executive Body", + "Team Bluebird", + "Team Bluestreak", + "Team Blueprint", + ]; const filteredMembers = - activeTeam === "All" - ? Array.from( - new Map( - teamMembers.map((m) => [m.name, m]) - ).values() - ) - : 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 (

Meet Our Team

-

- -

+

@@ -43,34 +43,40 @@ 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 -

- )} +

+ 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) => (
@@ -84,13 +90,11 @@ const TeamPage = () => {
-

{member.name || "Full name"}

-

- {member.title || ""} -

-

- {member.team || ""} -

+

+ {member.name || "Full name"} +

+

{member.title || ""}

+

{member.team || ""}

Date: Fri, 8 Aug 2025 00:11:12 +0530 Subject: [PATCH 5/6] Add Sponsors data --- src/config/sponsors.js | 53 +++++++++++++++++++----------------------- 1 file changed, 24 insertions(+), 29 deletions(-) diff --git a/src/config/sponsors.js b/src/config/sponsors.js index 2f95aee..4d555e2 100644 --- a/src/config/sponsors.js +++ b/src/config/sponsors.js @@ -1,46 +1,41 @@ // sponsors.js const sponsors = [ { - name: "Sponsor One", - image: "https://via.placeholder.com/200x100?text=Sponsor+1", - link: "https://sponsor1.com", + name: "NIT Rourkela Alumini ", + image: + "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590523/Sponsor_5_jkviya.jpg", + link: "https://www.nitraa.org/", }, { - name: "Sponsor Two", - image: "https://via.placeholder.com/200x100?text=Sponsor+2", - link: "https://sponsor2.com", + name: "NALCO", + image: + "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590523/Sponsor_4_c44gxu.jpg", + link: "https://nalcoindia.com/", }, { - name: "Sponsor Three", - image: "https://via.placeholder.com/200x100?text=Sponsor+3", - link: "https://sponsor3.com", + name: "SOLID WORKS", + image: + "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsors_2_p8nglm.jpg", + link: "https://www.solidworks.com/", }, { - name: "Sponsor Three", - image: "https://via.placeholder.com/200x100?text=Sponsor+3", - link: "https://sponsor3.com", + name: "PHOENIX ROBOTIC", + image: + "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsors_n6wktj.jpg", + link: "https://www.phoenixrobotic.com/", }, { - name: "Sponsor Three", - image: "https://via.placeholder.com/200x100?text=Sponsor+3", - link: "https://sponsor3.com", + name: "ANSYS", + image: + "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsors_3_a2nmqj.jpg", + link: "https://www.ansys.com/", }, { - name: "Sponsor Three", - image: "https://via.placeholder.com/200x100?text=Sponsor+3", - link: "https://sponsor3.com", + name: "SAIL", + image: + "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsor_6_bqcx5l.jpg", + link: "https://www.sail.co.in/", }, - { - name: "Sponsor Three", - image: "https://via.placeholder.com/200x100?text=Sponsor+3", - link: "https://sponsor3.com", - }, - { - name: "Sponsor Three", - image: "https://via.placeholder.com/200x100?text=Sponsor+3", - link: "https://sponsor3.com", - }, - // Add more sponsors freely ]; export default sponsors; From fc44aaeba06becbe41f97cf39620537cc8f14507 Mon Sep 17 00:00:00 2001 From: Krish Agarwal Date: Sun, 10 Aug 2025 14:43:48 +0530 Subject: [PATCH 6/6] Routing to team button --- src/components/Team.jsx | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/components/Team.jsx b/src/components/Team.jsx index f6a3349..738ac87 100644 --- a/src/components/Team.jsx +++ b/src/components/Team.jsx @@ -2,11 +2,13 @@ import { useState, useEffect } from "react"; import teamMembers from "../config/teammate"; import { ArrowLeft, ArrowRight } from "lucide-react"; import { FaLinkedin, FaXTwitter } from "react-icons/fa6"; +import { useNavigate } from "react-router"; const TeamSlider = () => { const [currentIndex, setCurrentIndex] = useState(0); const [visibleCount, setVisibleCount] = useState(1); + const navigate = useNavigate(); const getVisibleCount = () => { if (window.innerWidth < 768) return 1; if (window.innerWidth < 1024) return 2; @@ -31,11 +33,12 @@ const TeamSlider = () => { const nextSlide = () => { const maxIndex = Math.max(0, teamMembers.length - visibleCount); - setCurrentIndex((prev) => Math.min(prev + visibleCount, maxIndex)); + setCurrentIndex((prev) => (prev >= maxIndex ? 0 : prev + visibleCount)); }; const prevSlide = () => { - setCurrentIndex((prev) => Math.max(prev - visibleCount, 0)); + const maxIndex = Math.max(0, teamMembers.length - visibleCount); + setCurrentIndex((prev) => (prev <= 0 ? maxIndex : prev - visibleCount)); }; return ( @@ -44,7 +47,13 @@ const TeamSlider = () => {

Our team

-