Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Project card changes #10

Merged
merged 3 commits into from
Sep 24, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
114 changes: 57 additions & 57 deletions src/components/project-card/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import s from "./style.module.scss";

// Images for embed links and other logos

const default_pic = "/assets/acm_logo.svg";
const default_pic = "/assets/proj_logo.png";
const figma = "/assets/embeds/figma.png";
const github = "/assets/embeds/github.png";
const slides = "/assets/embeds/slides.png";
Expand All @@ -12,60 +12,6 @@ const design_logo = "/assets/design.svg";
const ai_logo = "/assets/ai.svg";

const projects_data = [
{"quarter": "Fall 2022",
"subgroup": "AI",
"project_title": "Supreme Court Predictor",
"team_name": "Team 1",
"description": "Using machine learning, predict the outcomes of Supreme Court Cases (whether they are conservative, liberal, or unspecifiable).",
"mentor": "Stephanie",
"members": ["Jenny Mar", "Nitya Pillai", "Ada He", "Han Hoang", "Rushil Chandrupatla", "Serena Chen"],
"slides": "https://docs.google.com/presentation/d/1qANpLZvhv5F0lOkbUxtlJU5UF4KqsDzuy0Dy6E2BG-0/edit?usp=sharing",
"project_link": "https://github.com/acmucsd-projects/fa22-ai-team-1",
"other_links": "https://deepnote.com/join-team?token=02d34e715c9e4f6"
},
{"quarter": "Fall 2022",
"subgroup": "AI",
"project_title": "GAIN: Gamers for Artificial Intelligence and NLP",
"team_name": "Team 2",
"description": "Using NLP and Machine Learning, created a Political Sentiment Classifier that can address blocks of texts and determine whether they are politically charged and classify them as Liberal or Democratic. ",
"mentor": "Weiji Chen",
"members": ["Samvrit Srinath", "Calvin Nguyen", "Peter Gao", "Benjamin Johnson", "Skyler Goh", "Joon Kim"],
"slides": "https://docs.google.com/presentation/d/1s7W3E9Wv5RXAzmgQYjCN166xycIJuxyFnCbs_IpVBlw/edit?usp=sharing",
"project_link": "https://github.com/acmucsd-projects/fa22-ai-team-2",
"other_links": "https://colab.research.google.com/drive/1zfL2UtCyJnwAMzqeAAvfTigUU6rVxCca?usp=sharing"
},
{"quarter": "Fall 2022",
"subgroup": "Design",
"project_title": "UCSD App Redesign",
"team_name": "Team 1",
"description": "We redesigned the UCSD mobile app to increase its functionality and aesthetic appeal, helping students navigate it with more ease, efficiency, and less confusion.",
"mentor": "Anthony Manrique",
"members": ["Tammy Ding","Khoi Nguyen", "Caitlyn Cielo", "Sashwat Nayak"],
"slides": "https://docs.google.com/presentation/d/1NBU4o8cFqalW_I9UUo_t_h7XsHVtjGcQ7hVZUzqO0qg/edit?usp=sharing",
"project_link": "https://www.figma.com/file/8kuHJXTZcIGVjm88OCYi1W/Final-Draft?type=design&node-id=1%3A2&t=K7vUmdAhPcQpWj6O-1"
},
{"quarter": "Winter 2023",
"subgroup": "Hack",
"project_title": "IGFood",
"team_name": "Team 1",
"logo": "/assets/project_logos/ig_food.svg",
"description": "Yelp and Google Reviews are written by strangers that you cannot necessarily trust. Our solution is to create an application which creates a more personalized food-rating experience! The application connects you to your friends and allows you to see what/where your friends are eating via posts on a feed.",
"mentor": "Nikhil Dange",
"members": ["Angela Hu (Project Lead/Front-end)", "Nicholas Cheah (Front-end)", "Kinan Alatasi (Front-end)", "Alexis Vergnet (Back-end)", "Charvi Shukla (Back-end)", "Jason Wong (Back-end)"],
"slides": "https://docs.google.com/presentation/d/1g0pEKT7Rx_hoZDnC27zxxPs2UqipDLffgUC0Z0v5xUE/edit?usp=sharing",
"project_link": "https://github.com/acmucsd-projects/wi23-hack-team-1",
"other_links": "https://www.figma.com/file/lX9VzkvBHesJT4e2zK6LOr/IGFood-Web-App-Design?type=design&node-id=0%3A1&mode=design&t=Z6gg0vyLGspHj7r5-1"
},
{"quarter": "Winter 2023",
"subgroup": "Design",
"project_title": "Triton2Go Redesign",
"team_name": "Team 1",
"description": "Recognizing the indispensable role of food ordering apps in the UCSD students’ daily lives, our team aimed to focus on the official food ordering mobile app Triton2Go (Mobile Order) by redesigning both the visual layouts and content layouts to optimize the user interface, streamline the ordering process, incorporate engaging gamification elements in rewards store to encourage user loyalty and satisfaction. We hope to help our target users and make the end process intelligent, enjoyable, and productive.",
"mentor": "Anmol",
"members": ["Cindy Peng (Project Lead)", "Thomas Wang", "Dianne Natanauan", "Amy To"],
"slides": "https://docs.google.com/presentation/d/1eCxEr19T1yPc1zffcvXHE9n0KPUSUy6G87tE_Ub_9Fk/edit?usp=sharing",
"project_link": "https://www.figma.com/file/0r2ncVSKHqBY9pOQCGrHvq/Mobile-Order-Prototypes?type=design&node-id=0%3A1&t=33a883iMHphAA1U1-1"
},
{"quarter": "Spring 2023",
"subgroup": "Hack",
"project_title": "Word Nerd",
Expand Down Expand Up @@ -102,14 +48,68 @@ const projects_data = [
"project_link": "https://github.com/acmucsd-projects/sp23-hack-team-3",
"other_links": "https://www.figma.com/file/KqvP7N6lLUu8NnT2ZnYK3o/Eventify?type=design&node-id=0%3A1&mode=design&t=hnFUTSx4agxe4CNT-1"
},
{"quarter": "Winter 2023",
"subgroup": "Hack",
"project_title": "IGFood",
"team_name": "Team 1",
"logo": "/assets/project_logos/ig_food.svg",
"description": "Yelp and Google Reviews are written by strangers that you cannot necessarily trust. Our solution is to create an application which creates a more personalized food-rating experience! The application connects you to your friends and allows you to see what/where your friends are eating via posts on a feed.",
"mentor": "Nikhil Dange",
"members": ["Angela Hu (Project Lead/Front-end)", "Nicholas Cheah (Front-end)", "Kinan Alatasi (Front-end)", "Alexis Vergnet (Back-end)", "Charvi Shukla (Back-end)", "Jason Wong (Back-end)"],
"slides": "https://docs.google.com/presentation/d/1g0pEKT7Rx_hoZDnC27zxxPs2UqipDLffgUC0Z0v5xUE/edit?usp=sharing",
"project_link": "https://github.com/acmucsd-projects/wi23-hack-team-1",
"other_links": "https://www.figma.com/file/lX9VzkvBHesJT4e2zK6LOr/IGFood-Web-App-Design?type=design&node-id=0%3A1&mode=design&t=Z6gg0vyLGspHj7r5-1"
},
{"quarter": "Winter 2023",
"subgroup": "Design",
"project_title": "Triton2Go Redesign",
"team_name": "Team 1",
"description": "Recognizing the indispensable role of food ordering apps in the UCSD students’ daily lives, our team aimed to focus on the official food ordering mobile app Triton2Go (Mobile Order) by redesigning both the visual layouts and content layouts to optimize the user interface, streamline the ordering process, incorporate engaging gamification elements in rewards store to encourage user loyalty and satisfaction. We hope to help our target users and make the end process intelligent, enjoyable, and productive.",
"mentor": "Anmol",
"members": ["Cindy Peng (Project Lead)", "Thomas Wang", "Dianne Natanauan", "Amy To"],
"slides": "https://docs.google.com/presentation/d/1eCxEr19T1yPc1zffcvXHE9n0KPUSUy6G87tE_Ub_9Fk/edit?usp=sharing",
"project_link": "https://www.figma.com/file/0r2ncVSKHqBY9pOQCGrHvq/Mobile-Order-Prototypes?type=design&node-id=0%3A1&t=33a883iMHphAA1U1-1"
},
{"quarter": "Fall 2022",
"subgroup": "AI",
"project_title": "Supreme Court Predictor",
"team_name": "Team 1",
"description": "Using machine learning, predict the outcomes of Supreme Court Cases (whether they are conservative, liberal, or unspecifiable).",
"mentor": "Stephanie",
"members": ["Jenny Mar", "Nitya Pillai", "Ada He", "Han Hoang", "Rushil Chandrupatla", "Serena Chen"],
"slides": "https://docs.google.com/presentation/d/1qANpLZvhv5F0lOkbUxtlJU5UF4KqsDzuy0Dy6E2BG-0/edit?usp=sharing",
"project_link": "https://github.com/acmucsd-projects/fa22-ai-team-1",
"other_links": "https://deepnote.com/join-team?token=02d34e715c9e4f6"
},
{"quarter": "Fall 2022",
"subgroup": "AI",
"project_title": "GAIN: Gamers for Artificial Intelligence and NLP",
"team_name": "Team 2",
"description": "Using NLP and Machine Learning, created a Political Sentiment Classifier that can address blocks of texts and determine whether they are politically charged and classify them as Liberal or Democratic. ",
"mentor": "Weiji Chen",
"members": ["Samvrit Srinath", "Calvin Nguyen", "Peter Gao", "Benjamin Johnson", "Skyler Goh", "Joon Kim"],
"slides": "https://docs.google.com/presentation/d/1s7W3E9Wv5RXAzmgQYjCN166xycIJuxyFnCbs_IpVBlw/edit?usp=sharing",
"project_link": "https://github.com/acmucsd-projects/fa22-ai-team-2",
"other_links": "https://colab.research.google.com/drive/1zfL2UtCyJnwAMzqeAAvfTigUU6rVxCca?usp=sharing"
},
{"quarter": "Fall 2022",
"subgroup": "Design",
"project_title": "UCSD App Redesign",
"team_name": "Team 1",
"description": "We redesigned the UCSD mobile app to increase its functionality and aesthetic appeal, helping students navigate it with more ease, efficiency, and less confusion.",
"mentor": "Anthony Manrique",
"members": ["Tammy Ding","Khoi Nguyen", "Caitlyn Cielo", "Sashwat Nayak"],
"slides": "https://docs.google.com/presentation/d/1NBU4o8cFqalW_I9UUo_t_h7XsHVtjGcQ7hVZUzqO0qg/edit?usp=sharing",
"project_link": "https://www.figma.com/file/8kuHJXTZcIGVjm88OCYi1W/Final-Draft?type=design&node-id=1%3A2&t=K7vUmdAhPcQpWj6O-1"
},
];

interface ProjectProps {
quarter: string;
}

const ProjectCards: React.FC<ProjectProps> = ({quarter}) => {
const filteredProjects = projects_data.filter((project) =>
const filteredProjects = quarter === "All" ? projects_data : projects_data.filter((project) =>
project.quarter === quarter
);
return (
Expand All @@ -119,7 +119,7 @@ const ProjectCards: React.FC<ProjectProps> = ({quarter}) => {
<div className={s.header}>
<div className={s.team}>
<img className={s.community_logo} src={project.subgroup === "AI" ? ai_logo : project.subgroup === "Hack" ? hack_logo : project.subgroup === "Design" ? design_logo : default_pic} alt="Community Logo"/>
<h1 className={`${s[project.subgroup]}`}>{project.subgroup} {project.team_name}</h1>
<h1 className={`${s[project.subgroup]}`}>{project.quarter} {project.subgroup} {project.team_name}</h1>
</div>
<h3>{project.project_title}</h3>
</div>
Expand Down
3 changes: 3 additions & 0 deletions src/components/project-card/style.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,15 @@
text-align: center;
.AI {
color: vars.$red;
font-size: 1.4rem;
}
.Hack {
color: vars.$orange;
font-size: 1.4rem;
}
.Design {
color: vars.$pink;
font-size: 1.4rem;
}
.team {
display: flex;
Expand Down
3 changes: 2 additions & 1 deletion src/sections/Archive/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import s from './style.module.scss';
import ProjectCards from '../../components/project-card';

const Archive: React.FC = () => {
const [quarter, setQuarter] = useState<string>('Spring 2023');
const [quarter, setQuarter] = useState<string>('All');
return (
<div className={s.container} id="archive">
<h1 className={s.header}>Past Project Archives</h1>
Expand All @@ -13,6 +13,7 @@ const Archive: React.FC = () => {
className={s.project_selector} onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
setQuarter(e.target.value);
}}>
<option value="All">All Projects</option>
<option value="Spring 2023">Spring 2023</option>
<option value="Winter 2023">Winter 2023</option>
<option value="Fall 2022">Fall 2022</option>
Expand Down
Loading