diff --git a/Application/app/about/page.tsx b/Application/app/about/page.tsx index cdeb410..0c5a76e 100644 --- a/Application/app/about/page.tsx +++ b/Application/app/about/page.tsx @@ -1,10 +1,10 @@ "use client"; import PageBuilder from "@/components/ui/page-builder"; -import { - Box, Heading, Text, Separator, Container, VStack, - Card, Center, Button, Drawer, Portal, Flex, List, Strong +import { + Box, Heading, Text, Separator, Container, VStack, + Card, Center, Button, Drawer, Portal, Flex, List, Strong } from '@chakra-ui/react'; -import boardMembers from "@/data/board-members.json"; +import boardMembers from "@/data/board-members.json"; @@ -34,9 +34,9 @@ const OfficerDrawer = ({ member }: { member: typeof boardMembers[0] }) => ( Major: {member.major} Concentration: {member.concentration} {member.bio && {member.bio}} - + - + Goals: {member.goals.length > 1 ? ( @@ -46,10 +46,10 @@ const OfficerDrawer = ({ member }: { member: typeof boardMembers[0] }) => ( ) : ( <>{member.goals.map((goal) => ( - {goal} - ))} - - + {goal} + ))} + + )} @@ -95,22 +95,61 @@ export default function About() { Meet the Board - {boardMembers.slice(0, 5).map((member, index) => ( + {boardMembers.filter(member => member.role === "board").map((member, index) => ( ))} - {/* Officers Section */} + {/* Council of Project and Courses Section */} - Meet the Officers + Meet the Council of Projects and Courses - {boardMembers.slice(5).map((member, index) => ( + {boardMembers.filter(member => member.role === "projects").map((member, index) => ( ))} + {/* Council of Membership Section */} + + Meet the Council of Membership + + + {boardMembers + .filter(member => member.role === "membership") + .map((member, index) => ( + + ))} + + + + + {/* Council of Mentorship Section */} + + Meet the Council of Mentorship + + + {boardMembers + .filter(member => member.role === "mentor") + .map((member, index) => ( + + ))} + + + + {/* Council of Engagement Section */} + + Meet the Council of Engagement + + + {boardMembers + .filter(member => member.role === "engagement") + .map((member, index) => ( + + ))} + + ); } \ No newline at end of file diff --git a/Application/data/board-members.json b/Application/data/board-members.json index b67c5e1..cc2634d 100644 --- a/Application/data/board-members.json +++ b/Application/data/board-members.json @@ -2,6 +2,7 @@ { "title": "Club President", "name": "Tony Davis", + "role": "board", "image": "/images/tony_davis.jpg", "major": "Computer Science", "concentration": "Software Engineering", @@ -18,6 +19,7 @@ { "title": "Club Vice President", "name": "Devell Robinson", + "role": "board", "image": "/images/Devell_New.png", "major": "Computer Science", "concentration": "Software Engineering", @@ -28,20 +30,20 @@ { "title": "Club Secretary", "name": "Mikayla Gonzalez", - "image": "/images/Mikayla.png", + "role": "board", + "image": "/images/MikaylaNew.jpg", "major": "To Be Determined", "concentration": "To Be Determined", + "bio": "I am a stay at home mom to my son and I am going to school to better myself for my son.", "goals": [ - "Likes to Read Books", - "Likes to Play Video Games", - "Wants to learn about all programming languages", - "Wants to continue to work on projects", - "Needs to pick a major and concentration" + "My goal is to learn how to code and figure out what career path to take.", + "I am looking at robotics but haven't fully decided yet." ] }, { "title": "Club Engagement Officer", "name": "Dakota Riley", + "role": "board", "image": "/images/dakota.PNG", "major": "Computer Science", "concentration": "Software Engineering", @@ -56,6 +58,7 @@ { "title": "Club Event Coordinator", "name": "Jacob Garrett", + "role": "board", "image": "/images/jacob.jpg", "major": "Computer Science", "concentration": "Software Engineering", @@ -66,6 +69,7 @@ { "title": "Grand PooBah of This and That", "name": "John Schmidt", + "role": "projects", "image": "/images/John S.jpg", "major": "Computer Science", "concentration": "Software Engineering", @@ -75,5 +79,32 @@ "I am actively exploring options for my homelab to master self-hosting, containerization with Docker, and network security. I aim to treat my home network as a sandbox for enterprise-level DevOps practices.", "As an Appointed Officer, I am committed to fostering a community where we can build complex, multi-stack projects together and help fellow students bridge the gap between classroom theory and real-world implementation." ] + }, + { + "title": "Project Lead Chris", + "name": "Christopher Natale", + "role": "projects", + "image": "/images/ChrisNatale.JPG", + "major": "Computer Science", + "concentration": "Software Engineering", + "bio": "After more than 10 years in sales, I decided to pursure a B.A. in Computer Science to transition into a career in Software Engineering. I have always been fascinated by computers and the development of the programs we use everyday.", + "goals": [ + "I am focused on building full-stack applications, with a particular interest in back-end development. My goal is to create software that empowers people and makes a meaningful impact on their daily lives. ", + "I’ve been working with technologies such as JavaScript, React, Next.js Node.js, Express, MongoDB, and Python to build scalable and user-focused applications.", + "As an appointed Officer, I strive to foster a welcoming and collaborative community where members can learn from one another and build projects that strengthen their skills and prepare them for real-world careers.", + "In my free time, I enjoy playing video games, building applications, traveling with my wife, and relaxing with my three dogs, Chad, Fiona, and Lola." + ] + }, + { + "title": "Membership Ambassador", + "name": "Tanisha Terry-Rascoe", + "role": "membership", + "image": "/images/Tanisha.jpg", + "major": "Computer Science", + "concentration": "Software Engineering", + "goals": [ + "To foster community and connections.", + "Bring people together based on common nerdy interests." + ] } ] \ No newline at end of file diff --git a/Application/public/images/ChrisNatale.JPG b/Application/public/images/ChrisNatale.JPG new file mode 100644 index 0000000..bd3a47d Binary files /dev/null and b/Application/public/images/ChrisNatale.JPG differ diff --git a/Application/public/images/MikaylaNew.jpg b/Application/public/images/MikaylaNew.jpg new file mode 100644 index 0000000..c3170f4 Binary files /dev/null and b/Application/public/images/MikaylaNew.jpg differ diff --git a/Application/public/images/Tanisha.jpg b/Application/public/images/Tanisha.jpg new file mode 100644 index 0000000..8fb634a Binary files /dev/null and b/Application/public/images/Tanisha.jpg differ