From 28cf8ff8c03455b9c34d1ff2725c258882b968a3 Mon Sep 17 00:00:00 2001 From: Kevin Wu Date: Sat, 9 Mar 2024 14:00:39 -0800 Subject: [PATCH] chore: cleanup designathon tech debt (#59) --- src/app/pages/Designathons/Designathon22.js | 2200 ++++++++--------- .../Designathon23/components/FAQ/index.jsx | 230 +- .../Designathon23/components/Prizes/index.jsx | 14 +- .../components/Schedule/index.jsx | 563 ++--- .../components/SectionNavigation/index.jsx | 39 +- .../Designathon23/components/Splash/index.jsx | 124 +- .../pages/Designathons/Designathon23/index.js | 226 +- .../Designathon24/components/FAQ/index.jsx | 230 +- .../Designathon24/components/Prizes/index.jsx | 14 +- .../components/SectionNavigation/index.jsx | 1 + .../components/ProjectShowcase.jsx | 31 +- .../Home/components/EventListing/index.jsx | 57 +- src/app/pages/Designathons/Home/index.js | 85 +- .../Designathons/components/Prizes/index.jsx | 24 +- .../components/SectionNavigation/index.jsx | 21 +- .../components/WinnerShowcase/index.jsx | 41 +- src/assets/data/designathon/2022/prizes.json | 85 +- src/assets/data/designathon/2022/winners.json | 128 +- src/assets/data/designathon/2023/prizes.json | 146 +- 19 files changed, 1991 insertions(+), 2268 deletions(-) diff --git a/src/app/pages/Designathons/Designathon22.js b/src/app/pages/Designathons/Designathon22.js index 7054a43e..64a0d958 100644 --- a/src/app/pages/Designathons/Designathon22.js +++ b/src/app/pages/Designathons/Designathon22.js @@ -1,16 +1,23 @@ - /* eslint-disable */ +/* eslint-disable */ // TODO: pending refactor -import { Helmet } from 'react-helmet'; -import { useState, useEffect, Component } from 'react'; -import { Section, Space, Icon, Photo } from 'app/Symbols.js'; -import { Text } from 'app/components'; -import { Judges, Prizes, Rules, SectionNavigation, WinnerShowcase, WorkshopHosts } from './components'; -import WINNERS_2022 from 'assets/data/designathon/2022/winners.json' -import JUDGES_2022 from 'assets/data/designathon/2022/judges.json' -import PRIZES_2022 from 'assets/data/designathon/2022/prizes.json'; -import WORKSHOP_HOSTS_2022 from 'assets/data/designathon/2022/workshop-hosts.json'; -import RULES_2023 from 'assets/data/designathon/2022/rules.json'; +import { Helmet } from "react-helmet"; +import { useState, useEffect, Component } from "react"; +import { Section, Space, Icon, Photo } from "app/Symbols.js"; +import { Text } from "app/components"; +import { + Judges, + Prizes, + Rules, + SectionNavigation, + WinnerShowcase, + WorkshopHosts, +} from "./components"; +import WINNERS_2022 from "assets/data/designathon/2022/winners.json"; +import JUDGES_2022 from "assets/data/designathon/2022/judges.json"; +import PRIZES_2022 from "assets/data/designathon/2022/prizes.json"; +import WORKSHOP_HOSTS_2022 from "assets/data/designathon/2022/workshop-hosts.json"; +import RULES_2023 from "assets/data/designathon/2022/rules.json"; const Designathon22 = () => { useEffect(() => { @@ -20,42 +27,39 @@ const Designathon22 = () => { return () => { // user leaving, clean-up stop(); - window.removeEventListener('resize', resize); - window.removeEventListener('scroll', scroll); + window.removeEventListener("resize", resize); + window.removeEventListener("scroll", scroll); }; }, []); return ( <> Impact 2022 - - + + + - - +
- - - + + + Impact 2022 - +
-
- +
+
-
- - Impact 2022 is a 3 day long design-a-thon event - where student designers create a product with the - potential to impact the world. +
+ + Impact 2022 is a 3 day long design-a-thon event where student + designers create a product with the potential to impact the world.
- -
-
- Timeline + +
+
+ Timeline - January 28 6:00pm - January 30 7:00pm - (California, PST) + January 28 6:00pm - January 30 7:00pm (California, PST)
-
- Our goal +
+ Our goal - To challenge and hone the design thinking - processes of students by introducing - real-life challenges. + To challenge and hone the design thinking processes of + students by introducing real-life challenges.
-
- Eligibility +
+ Eligibility - Undergraduate students from colleges all - over the country will be eligible to attend - at no cost. + Undergraduate students from colleges all over the country will + be eligible to attend at no cost.
@@ -228,46 +228,46 @@ const Designathon22 = () => {
- + -
-
- +
+
+ Schedule
-
- +
+ Friday January 28th
-
+
{[ { line: 1, - time: '6:00 PM', - title: 'Opening Ceremony', + time: "6:00 PM", + title: "Opening Ceremony", desc: ( -
+ @@ -275,345 +275,345 @@ const Designathon22 = () => { }, { line: 1, - time: '8:00 PM', - title: 'Mentor Office Hours on Discord', + time: "8:00 PM", + title: "Mentor Office Hours on Discord", }, - { time: '9:00 PM', title: '' }, - ].map(item => { + { time: "9:00 PM", title: "" }, + ].map((item) => { return (
{item.time} - {item.line &&
} + {item.line &&
}
-
- {item.title} +
+ {item.title} {item.desc != null && item.desc}
); })}
-
- +
+ Saturday January 29th
-
+
{[ { line: 1, - time: '10:00 AM', - title: 'Workshop: Designing Under Constraints with Katrina Liu', + time: "10:00 AM", + title: "Workshop: Designing Under Constraints with Katrina Liu", desc: ( -
+ ), }, - { time: '10:30 AM', title: '' }, + { time: "10:30 AM", title: "" }, { line: 1, - time: '11:00 AM', - title: 'Mentor Office Hours on Discord', + time: "11:00 AM", + title: "Mentor Office Hours on Discord", }, - { time: '12:00 PM', title: '' }, + { time: "12:00 PM", title: "" }, { line: 1, - time: '12:00 PM', - title: 'Workshop: How to Effectively Present Your Design with Samanvay Kasarala', + time: "12:00 PM", + title: + "Workshop: How to Effectively Present Your Design with Samanvay Kasarala", desc: ( -
+ ), }, - { time: '12:30 PM', title: '' }, + { time: "12:30 PM", title: "" }, { line: 1, - time: '2:00 PM', - title: "Workshop: How to build Tech for Social Good with CTC's Alan Chang and Mingjia Wang", + time: "2:00 PM", + title: + "Workshop: How to build Tech for Social Good with CTC's Alan Chang and Mingjia Wang", desc: ( -
+ ), }, - { time: '2:30 PM', title: '' }, + { time: "2:30 PM", title: "" }, { line: 1, - time: '3:00 PM', - title: 'Workshop: Prototyping in Figma with Evangeline Gao', + time: "3:00 PM", + title: "Workshop: Prototyping in Figma with Evangeline Gao", desc: ( -
+ ), }, - { time: '3:30 PM', title: '' }, + { time: "3:30 PM", title: "" }, { line: 1, - time: '5:00 PM', - title: 'Workshop: Design Basics with Hannah Limary', + time: "5:00 PM", + title: "Workshop: Design Basics with Hannah Limary", desc: ( -
+ ), }, - { time: '5:30 PM', title: '' }, + { time: "5:30 PM", title: "" }, { line: 1, - time: '7:00 PM', - title: 'Design Petor 101, a social with Isabel Pham on Discord', + time: "7:00 PM", + title: "Design Petor 101, a social with Isabel Pham on Discord", }, - { time: '7:30 PM', title: '' }, + { time: "7:30 PM", title: "" }, { line: 1, - time: '8:00 PM', - title: 'Mentor Office Hours on Discord', + time: "8:00 PM", + title: "Mentor Office Hours on Discord", }, - { time: '9:00 PM', title: '' }, - ].map(item => { + { time: "9:00 PM", title: "" }, + ].map((item) => { return (
{item.time} - {item.line &&
} + {item.line &&
}
-
- {item.title} +
+ {item.title} {item.desc != null && item.desc}
); })}
-
- +
+ Sunday January 30th
-
-
+
+
1:00 PM
-
- +
+ Submissions Due Submission Form
{[ - { time: '3:00 PM', title: 'Finalists Notified' }, + { time: "3:00 PM", title: "Finalists Notified" }, { - time: '3:45 PM', - title: 'Optional Slide Decks Due for Finalists', + time: "3:45 PM", + title: "Optional Slide Decks Due for Finalists", }, { - time: '4:00 PM', - title: 'Presentations', + time: "4:00 PM", + title: "Presentations", desc: ( -
+ ), }, { - time: '6:00 PM', - title: 'Closing Ceremony', + time: "6:00 PM", + title: "Closing Ceremony", desc: ( -
+ ), }, - ].map(item => { + ].map((item) => { return ( -
+
{item.time} - {item.line &&
} + {item.line &&
}
-
- {item.title} +
+ {item.title} {item.desc != null && item.desc}
@@ -622,223 +622,214 @@ const Designathon22 = () => {
-
- Resources +
+ Resources
- + Design-a-thon Workshop Recordings - - We will be recording the workshops happening during - Impact 2022 and uploading them here. If you miss an - event, check back here later! + + We will be recording the workshops happening during Impact 2022 + and uploading them here. If you miss an event, check back here + later! - -
+ +
- - 25:37 - Opening Ceremony + + 25:37 + Opening Ceremony - - 39:18 - - Workshop: Designing Under Constraints with - Katrina Liu + + 39:18 + + Workshop: Designing Under Constraints with Katrina Liu - - 36:42 - - Workshop: How to Effectively Present Your - Design with Samanvay Kasarala + + 36:42 + + Workshop: How to Effectively Present Your Design with Samanvay + Kasarala - - 18:35 - - Workshop: How to build Tech for Social Good - with CTC's Alan Chang and Mingjia Wang + + 18:35 + + Workshop: How to build Tech for Social Good with CTC's Alan + Chang and Mingjia Wang - - 13:57 - - Workshop: Prototyping in Figma with - Evangeline Gao + + 13:57 + + Workshop: Prototyping in Figma with Evangeline Gao - - 13:57 - + + 13:57 + Workshop: Design Basics with Hannah Limary - - 58:28 - Presentations + + 58:28 + Presentations - - 9:13 - Closing Ceremony + + 9:13 + Closing Ceremony
- Other resources -
-
- FAQ -
-
+
+ FAQ +
+
- Join the live conversation on the{' '} + Join the live conversation on the{" "} Impact22 Discord - {' '} + {" "} for more help!
-
+
{[ { - q: 'Why should I join?', + q: "Why should I join?", a: "Designers create aesthetically pleasing, functional products. They listen to what our world needs, empathize with people's gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can start practicing your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.", }, { - q: 'When is the registration deadline?', - a: 'Our registration form will close at January 26, 2022 at 11:59pm (PST)', + q: "When is the registration deadline?", + a: "Our registration form will close at January 26, 2022 at 11:59pm (PST)", }, { - q: 'How do I sign up?', + q: "How do I sign up?", a: ( - - Apply through our{' '} + + Apply through our{" "} registration form @@ -847,16 +838,15 @@ const Designathon22 = () => { ), }, { - q: 'Where do I submit my project?', + q: "Where do I submit my project?", a: ( - - Please submit your final, working - prototype to the{' '} + + Please submit your final, working prototype to the{" "} Submission form @@ -866,36 +856,33 @@ const Designathon22 = () => { ), }, { - q: 'Who can attend?', - a: 'Any undergraduate student within the US (with an associated institutional email) is able to sign up and attend.', + q: "Who can attend?", + a: "Any undergraduate student within the US (with an associated institutional email) is able to sign up and attend.", }, { - q: 'How much does it cost?', - a: 'Impact 2022 requires no cost to attend. All you need is a working device with Zoom, Discord, and an open mind.', + q: "How much does it cost?", + a: "Impact 2022 requires no cost to attend. All you need is a working device with Zoom, Discord, and an open mind.", }, { - q: 'I don’t have prior knowledge in design. Can I still attend?', - a: 'Of course! Design is all around us. We will provide workshops and resources for beginners to get started.', + q: "I don’t have prior knowledge in design. Can I still attend?", + a: "Of course! Design is all around us. We will provide workshops and resources for beginners to get started.", }, { - q: 'How do I prepare?', + q: "How do I prepare?", a: ( - - During the event, we will be hosting - Workshops for anyone new to Design - thinking or the Design process. We - highly encourage getting the hang of - Figma, Sketch, Adobe XD, or the - prototyping tool of your choice. You - may find something useful in our - resources section as well. You can - also show your excitement by turning - on your camera, and adding our{' '} + + During the event, we will be hosting Workshops for anyone + new to Design thinking or the Design process. We highly + encourage getting the hang of Figma, Sketch, Adobe XD, or + the prototyping tool of your choice. You may find + something useful in our resources section as well. You can + also show your excitement by turning on your camera, and + adding our{" "} Impact 2022 backgrounds @@ -904,76 +891,71 @@ const Designathon22 = () => { ), }, { - q: 'How do teams work?', - a: 'You have the option to (1) go solo, (2) request individuals to team up with (up to 3 other members) on the Application form, (3) be randomly assigned, (4) meet your team members through our Discord and simply note them in the Submission form.', + q: "How do teams work?", + a: "You have the option to (1) go solo, (2) request individuals to team up with (up to 3 other members) on the Application form, (3) be randomly assigned, (4) meet your team members through our Discord and simply note them in the Submission form.", }, { - q: 'What if I don’t have a team?', + q: "What if I don’t have a team?", a: ( - - We will provide a Discord channel - specifically for anyone looking for - a team at our Designathon. Feel free - to join our Discord at{' '} + + We will provide a Discord channel specifically for anyone + looking for a team at our Designathon. Feel free to join + our Discord at{" "} https://discord.gg/mY8QSNaEtb - . Solo participants are also - allowed. + . Solo participants are also allowed. ), }, - ].map(item => { + ].map((item) => { return ( -
+
+
- - {item.q} - + {item.q}
} opened={ -
-
+
+
- - {item.q} - + {item.q}
{item.a}
} + key={item.q} /> ); })} @@ -981,144 +963,138 @@ const Designathon22 = () => {
-
- About +
+ About
-
-
- Hosted by Design at UCI +
+
+ Hosted by Design at UCI - Design at UCI is the premiere student-run - organization at UCI for anything graphic design, - UI/UX design, product design, and more. Started - in 2016, It has amassed many relationships in - the Design community of OC and SoCal. + Design at UCI is the premiere student-run organization at UCI + for anything graphic design, UI/UX design, product design, and + more. Started in 2016, It has amassed many relationships in the + Design community of OC and SoCal.
- Event Organizers -
+ Event Organizers +
{[ { - name: 'Vivian Lin', - photo: 'portrait/Vivian_Lin.png', - role: 'Industry Outreach Coordinator, Logistics Organizer, Judge & Speaker Outreach', + name: "Vivian Lin", + photo: "portrait/Vivian_Lin.png", + role: "Industry Outreach Coordinator, Logistics Organizer, Judge & Speaker Outreach", }, { - name: 'Kevin Tsai', - photo: 'portrait-placeholder-gray.svg', - role: 'Industry Outreach Coordinator, Sketch Sponsorship Coordinator', + name: "Kevin Tsai", + photo: "portrait-placeholder-gray.svg", + role: "Industry Outreach Coordinator, Sketch Sponsorship Coordinator", }, { - name: 'Hannah Limary', - photo: 'portrait/Hannah_Limary.png', - role: 'President, Sponsorship Coordinator, Workshop Host', + name: "Hannah Limary", + photo: "portrait/Hannah_Limary.png", + role: "President, Sponsorship Coordinator, Workshop Host", }, { - name: 'Evangeline Gao', - photo: 'portrait/Evangeline_Gao.png', - role: 'Vice President, Workshop Host', + name: "Evangeline Gao", + photo: "portrait/Evangeline_Gao.png", + role: "Vice President, Workshop Host", }, { - name: 'Kailer Garcia', - photo: 'portrait/Kailer_Garcia.png', - role: 'Graphic Designer, Developer & Webmaster', + name: "Kailer Garcia", + photo: "portrait/Kailer_Garcia.png", + role: "Graphic Designer, Developer & Webmaster", }, { - name: 'Isabel PhAM (PST)', - photo: 'portrait/Isabel_Pham.png', - role: 'Graphic Designer, Social Host', + name: "Isabel PhAM (PST)", + photo: "portrait/Isabel_Pham.png", + role: "Graphic Designer, Social Host", }, { - name: 'Vivian Chu', - photo: 'portrait/Vivian_Chu.png', - role: 'Workshop Coordinator, Discord Bot Moderator', + name: "Vivian Chu", + photo: "portrait/Vivian_Chu.png", + role: "Workshop Coordinator, Discord Bot Moderator", }, { - name: 'Meghna Kaligotla', - photo: 'portrait-placeholder-gray.svg', - role: 'Workshop Committee', + name: "Meghna Kaligotla", + photo: "portrait-placeholder-gray.svg", + role: "Workshop Committee", }, { - name: 'Jolin Huang', - photo: 'portrait/Jolin_Huang.png', - role: 'Marketing', + name: "Jolin Huang", + photo: "portrait/Jolin_Huang.png", + role: "Marketing", }, { - name: 'Carly Chan', - photo: 'portrait/Carly_Chan.png', - role: 'Marketing', + name: "Carly Chan", + photo: "portrait/Carly_Chan.png", + role: "Marketing", }, { - name: 'Iantha Khan', - photo: 'portrait-placeholder-gray.svg', - role: 'Marketing', + name: "Iantha Khan", + photo: "portrait-placeholder-gray.svg", + role: "Marketing", }, { - name: 'Sonali Chellappa', - photo: 'portrait/Sonali_Chellappa.png', - role: 'Project Teams Committee', + name: "Sonali Chellappa", + photo: "portrait/Sonali_Chellappa.png", + role: "Project Teams Committee", }, { - name: 'Juhi Patel', - photo: 'portrait-placeholder-gray.svg', - role: 'Project Teams Committee', + name: "Juhi Patel", + photo: "portrait-placeholder-gray.svg", + role: "Project Teams Committee", }, { - name: 'Vivian Nguyen', - photo: 'portrait/Vivian_Nguyen.png', - role: 'Content Creation & Marketing', + name: "Vivian Nguyen", + photo: "portrait/Vivian_Nguyen.png", + role: "Content Creation & Marketing", }, { - name: 'Amy Steinmetz', - photo: 'portrait/Amy_Steinmetz.png', - role: 'Financial Chair', + name: "Amy Steinmetz", + photo: "portrait/Amy_Steinmetz.png", + role: "Financial Chair", }, - ].map(item => { + ].map((item) => { return ( -
+
-
+
- {item.name} + {item.name} {item.role} - - {item.about} - + {item.about}
); })}
- - Sponsors -
+ + Sponsors +
@@ -1182,10 +1158,10 @@ function Rubric(params) { <> Challenge Brief @@ -1195,16 +1171,16 @@ function Rubric(params) { { start: 0, item: ( -
- - The prompt will be revealed{' '} +
+ + The prompt will be revealed{" "} . @@ -1212,42 +1188,34 @@ function Rubric(params) { ), }, { - start: '1/28/2022 6:30:00 PM (PST)', + start: "1/28/2022 6:30:00 PM (PST)", item: ( -
+
- Design your own desktop or mobile - application that advocates for either (1) - social justice or (2) sustainability. + Design your own desktop or mobile application that advocates + for either (1) social justice or (2) sustainability. - - To elaborate, examples of potential - solutions are: + + To elaborate, examples of potential solutions are: -
+
- - Social Justice - - - A product/service that encourages or - provides the opportunity for equity - in economic, political, or social + Social Justice + + A product/service that encourages or provides the + opportunity for equity in economic, political, or social issues.
- - Sustainability - - - A product/service that promotes - sustainable behaviors to combat the - climate crisis. + Sustainability + + A product/service that promotes sustainable behaviors to + combat the climate crisis.
@@ -1256,427 +1224,317 @@ function Rubric(params) { onClick={() => { toggleExpand(); }} - className='pointer flex row' + className="pointer flex row" style={{ - border: 'solid 1px var(--d-green)', - width: 'unset', - borderRadius: '12px', + border: "solid 1px var(--d-green)", + width: "unset", + borderRadius: "12px", }} > Grading Rubric -
- - {expand ? 'Hide' : 'View'} Full - Rubric +
+ + {expand ? "Hide" : "View"} Full Rubric
{!expand ? ( -
+
-
- - 70 Points - +
+ 70 Points
-
- - Total - +
+ Total
-
- - 20 Points - +
+ 20 Points
-
- - User Experience - +
+ User Experience
-
- - 10 Points - +
+ 10 Points
-
- - User Interface - +
+ User Interface
-
- - 5 Points - +
+ 5 Points
-
- - Target Audience - +
+ Target Audience
-
- - 15 Points - +
+ 15 Points
-
- - User Research - +
+ User Research
-
- - 20 Points - +
+ 20 Points
-
- - Design Thinking Process - +
+ Design Thinking Process
) : ( -
-
-
- +
+
+
+ 70 Total Points
-
+
Excellent
-
+
Great
-
+
Good
-
+
Adequate
-
- - 20 Points - - - User Experience - +
+ 20 Points + User Experience - Is the final product - user-friendly and intuitive? + Is the final product user-friendly and intuitive?
-
- - Intuitive and easily used - without guidance. - Call-to-action elements are - obvious, and the flow is - instinctual. There is a - clear path to complete tasks +
+ + Intuitive and easily used without guidance. + Call-to-action elements are obvious, and the flow is + instinctual. There is a clear path to complete tasks or reach a goal.
-
- - Solution is mostly - intuitive, but some guidance - is needed. Flow only meets - expectations. User is - eventually able to reach the - goal and complete the task. +
+ + Solution is mostly intuitive, but some guidance is + needed. Flow only meets expectations. User is + eventually able to reach the goal and complete the + task.
-
- - Requires some effort to use - and interact with. Users can - complete tasks, but in - longer times and with more +
+ + Requires some effort to use and interact with. Users + can complete tasks, but in longer times and with more effort.
-
- - Heavily unintuitive. Does - not reflect much effort. - User is not able to complete - the task. +
+ + Heavily unintuitive. Does not reflect much effort. + User is not able to complete the task.
-
- - 10 Points - - - User Interface - +
+ 10 Points + User Interface - Is the overall user - interface visually appealing - without sacrificing its - functionality? + Is the overall user interface visually appealing + without sacrificing its functionality?
-
- - Follows the visual design - principles with powerful - design choices of - typography, color, grids - that seamlessly integrates - with the functionality. +
+ + Follows the visual design principles with powerful + design choices of typography, color, grids that + seamlessly integrates with the functionality.
-
- - Uses a clear system of - grids, typography, color, - and design principles. - Visuals may not be relevant - to the target audience or be - used meaningfully to the +
+ + Uses a clear system of grids, typography, color, and + design principles. Visuals may not be relevant to the + target audience or be used meaningfully to the solution.
-
- - Does not employ clear use of - grids, typography, and - color. Only some design - principles are applied. +
+ + Does not employ clear use of grids, typography, and + color. Only some design principles are applied.
-
- - Lack of visual design - principles. +
+ + Lack of visual design principles.
- - The following sections will be - graded based on your - presentations (only applicable - to finalists!) + + The following sections will be graded based on your + presentations (only applicable to finalists!)
-
-
- - 5 Points - - - Target Audience - +
+
+ 5 Points + Target Audience - Does your solution target - the correct audience and + Does your solution target the correct audience and their needs?
-
- - A clear understanding of an - appropriate target audience - and their needs. It is - designed with navigation, - visuals, and language to - communi-cate clearly to a - specific persona and their - needs. +
+ + A clear understanding of an appropriate target + audience and their needs. It is designed with + navigation, visuals, and language to communi-cate + clearly to a specific persona and their needs.
-
- - Solution sufficiently - addresses a specific - audience’s needs. However - they are not addressed in - their entirety. +
+ + Solution sufficiently addresses a specific audience’s + needs. However they are not addressed in their + entirety.
-
- - Correctly addresses problems - and needs. Only a specific - group in the target audience - is included. +
+ + Correctly addresses problems and needs. Only a + specific group in the target audience is included.
-
- - No specific target audience - addressed. +
+ + No specific target audience addressed.
-
- - 15 Points - - - User Research - +
+ 15 Points + User Research - Are the suggested solutions - backed up with extensive - research of the users’ - needs? + Are the suggested solutions backed up with extensive + research of the users’ needs?
-
- - Pulls data from a variety of - credible, meaningful - sources. Research is - conducted using both general - and specific lenses. Results - are processed and presented +
+ + Pulls data from a variety of credible, meaningful + sources. Research is conducted using both general and + specific lenses. Results are processed and presented in a clear way.
-
- - Collects thorough data - regarding potential users. - Sources may be surface-level - and not rigorous. Research - may not be relevant to the - specific problem. +
+ + Collects thorough data regarding potential users. + Sources may be surface-level and not rigorous. + Research may not be relevant to the specific problem.
-
- - Average data about the - general audiences’ consensus - is provided but does not tap - into users’ specific needs. - Conducted research does not - seem credible and rational. +
+ + Average data about the general audiences’ consensus is + provided but does not tap into users’ specific needs. + Conducted research does not seem credible and + rational.
-
- - Little to no research to - empathize with the target - user base. Data is not based - on factual situations. +
+ + Little to no research to empathize with the target + user base. Data is not based on factual situations.
-
- - 20 Points - - - Design Thinking Process - +
+ 20 Points + Design Thinking Process - Does your product properly - address the issues through a - set of well-thought - solutions? + Does your product properly address the issues through + a set of well-thought solutions?
-
- - Thoughtfully proposes an - innovative approach that - addresses the issue on hand. - Considers the real-world - implications of the product. - Solutions are creative and - crafted carefully with users - in mind. +
+ + Thoughtfully proposes an innovative approach that + addresses the issue on hand. Considers the real-world + implications of the product. Solutions are creative + and crafted carefully with users in mind.
-
- - Solution is practical and - relevant, but not creative. - Concept is strong and is - helpful to the user, but +
+ + Solution is practical and relevant, but not creative. + Concept is strong and is helpful to the user, but meets typical expectations.
-
- - Solution is not clear or - relevant. Does not improve - upon other typical - solutions. +
+ + Solution is not clear or relevant. Does not improve + upon other typical solutions.
-
- - Lack of creativity and - relevance. Does not solve - the problem. +
+ + Lack of creativity and relevance. Does not solve the + problem.
@@ -1693,7 +1551,7 @@ function Rubric(params) { function StatusBlock(props) { return ( -
+
- Registration open and closing{' '} - + Registration open and closing{" "} + ), }, { - start: '1/26/2022 11:59:00 PM (PST)', + start: "1/26/2022 11:59:00 PM (PST)", item: ( - Join the opening ceremony{' '} - + Join the opening ceremony{" "} + ), }, { - start: '1/28/2022 5:00:00 PM (PST)', + start: "1/28/2022 5:00:00 PM (PST)", item: ( <> - Opening ceremony starts{' '} - + Opening ceremony starts{" "} + Zoom Link ), }, { - start: '1/28/2022 6:00:00 PM (PST)', + start: "1/28/2022 6:00:00 PM (PST)", item: ( <> Join the opening ceremony now Zoom Link ), }, { - start: '1/28/2022 7:00:00 PM (PST)', + start: "1/28/2022 7:00:00 PM (PST)", item: ( <> - Design-a-thon has begun! Tune into our - workshops tomorrow + Design-a-thon has begun! Tune into our workshops tomorrow ), }, { - start: '1/29/2022 1:00:00 AM (PST)', + start: "1/29/2022 1:00:00 AM (PST)", item: ( <> - Next Workshop: Designing Under - Constraints with Katrina Liu{' '} - + Next Workshop: Designing Under Constraints with Katrina Liu{" "} + ), }, { - start: '1/29/2022 9:55:00 AM (PST)', + start: "1/29/2022 9:55:00 AM (PST)", item: ( <> - Workshop{' '} - - : Designing Under Constraints with - Katrina Liu{' '} + Workshop : + Designing Under Constraints with Katrina Liu{" "} Zoom Link ), }, { - start: '1/29/2022 10:00:00 AM (PST)', + start: "1/29/2022 10:00:00 AM (PST)", item: ( <> - - {' '} - Live Workshop: - {' '} - Designing Under Constraints with Katrina - Liu + + Live Workshop: + {" "} + Designing Under Constraints with Katrina Liu Zoom Link @@ -1864,81 +1712,74 @@ function StatusBlock(props) { }, { - start: '1/29/2022 10:30:00 AM (PST)', + start: "1/29/2022 10:30:00 AM (PST)", item: ( <> - Next Workshop{' '} - - : How to Effectively Present Your Design - with Samanvay Kasarala + Next Workshop{" "} + : How to + Effectively Present Your Design with Samanvay Kasarala ), }, { - start: '1/29/2022 11:55:00 AM (PST)', + start: "1/29/2022 11:55:00 AM (PST)", item: ( <> - Workshop{' '} - - : How to Effectively Present Your Design - with Samanvay Kasarala + Workshop : + How to Effectively Present Your Design with Samanvay + Kasarala Zoom Link ), }, { - start: '1/29/2022 12:00:00 PM (PST)', + start: "1/29/2022 12:00:00 PM (PST)", item: ( <> - - {' '} - Live Workshop: - {' '} - How to Effectively Present Your Design - with Samanvay Kasarala + + Live Workshop: + {" "} + How to Effectively Present Your Design with Samanvay + Kasarala Zoom Link @@ -1946,81 +1787,74 @@ function StatusBlock(props) { }, { - start: '1/29/2022 12:30:00 PM (PST)', + start: "1/29/2022 12:30:00 PM (PST)", item: ( <> - Next Workshop{' '} - - : How to Build Tech for Social Good with - Alan Chang and Mingjia Wang + Next Workshop{" "} + : How to + Build Tech for Social Good with Alan Chang and Mingjia Wang ), }, { - start: '1/29/2022 1:55:00 PM (PST)', + start: "1/29/2022 1:55:00 PM (PST)", item: ( <> - Workshop{' '} - - : How to Build Tech for Social Good with - Alan Chang and Mingjia Wang + Workshop : + How to Build Tech for Social Good with Alan Chang and + Mingjia Wang Zoom Link ), }, { - start: '1/29/2022 2:00:00 PM (PST)', + start: "1/29/2022 2:00:00 PM (PST)", item: ( <> - - {' '} - Live Workshop: - {' '} - How to Build Tech for Social Good with - Alan Chang and Mingjia Wang + + Live Workshop: + {" "} + How to Build Tech for Social Good with Alan Chang and + Mingjia Wang Zoom Link @@ -2028,80 +1862,72 @@ function StatusBlock(props) { }, { - start: '1/29/2022 2:30:00 PM (PST)', + start: "1/29/2022 2:30:00 PM (PST)", item: ( <> - Next Workshop{' '} - - : Prototyping in Figma with Evangeline - Gao + Next Workshop{" "} + : + Prototyping in Figma with Evangeline Gao ), }, { - start: '1/29/2022 2:55:00 PM (PST)', + start: "1/29/2022 2:55:00 PM (PST)", item: ( <> - Workshop{' '} - - : Prototyping in Figma with Evangeline - Gao + Workshop : + Prototyping in Figma with Evangeline Gao Zoom Link ), }, { - start: '1/29/2022 3:00:00 PM (PST)', + start: "1/29/2022 3:00:00 PM (PST)", item: ( <> - - {' '} - Live Workshop: - {' '} + + Live Workshop: + {" "} Prototyping in Figma with Evangeline Gao Zoom Link @@ -2109,78 +1935,72 @@ function StatusBlock(props) { }, { - start: '1/29/2022 3:30:00 PM (PST)', + start: "1/29/2022 3:30:00 PM (PST)", item: ( <> - Next Workshop{' '} - - : Design Basics with Hannah Limary + Next Workshop{" "} + : Design + Basics with Hannah Limary ), }, { - start: '1/29/2022 4:55:00 PM (PST)', + start: "1/29/2022 4:55:00 PM (PST)", item: ( <> - Workshop{' '} - - : Design Basics with Hannah Limary + Workshop : + Design Basics with Hannah Limary Zoom Link ), }, { - start: '1/29/2022 5:00:00 PM (PST)', + start: "1/29/2022 5:00:00 PM (PST)", item: ( <> - - {' '} - Live Workshop: - {' '} + + Live Workshop: + {" "} Design Basics with Hannah Limary Zoom Link @@ -2188,30 +2008,30 @@ function StatusBlock(props) { }, { - start: '1/29/2022 5:30:00 PM (PST)', + start: "1/29/2022 5:30:00 PM (PST)", item: ( <> - Submissions due{' '} - - . You got this! + Submissions due{" "} + . You got + this! Submission Form @@ -2219,90 +2039,83 @@ function StatusBlock(props) { }, { - start: '1/30/2022 1:00:00 PM (PST)', + start: "1/30/2022 1:00:00 PM (PST)", item: ( <> - Submissions closed – Judges are - reviewing prototypes now + Submissions closed – Judges are reviewing prototypes now ), }, { - start: '1/30/2022 3:00:00 PM (PST)', + start: "1/30/2022 3:00:00 PM (PST)", item: ( <> - The Finalists have been notified, - presentations due{' '} - + The Finalists have been notified, presentations due{" "} + ), }, { - start: '1/30/2022 3:45:00 PM (PST)', + start: "1/30/2022 3:45:00 PM (PST)", item: ( <> - Finalists presentations{' '} - + Finalists presentations{" "} + Zoom Link ), }, { - start: '1/29/2022 4:00:00 PM (PST)', + start: "1/29/2022 4:00:00 PM (PST)", item: ( <> - - {' '} - Live:{' '} + + Live:{" "} Finalist Presentations Zoom Link @@ -2310,65 +2123,60 @@ function StatusBlock(props) { }, { - start: '1/30/2022 5:00:00 PM (PST)', + start: "1/30/2022 5:00:00 PM (PST)", item: ( <> - Closing ceremony{' '} - + Closing ceremony{" "} + Zoom Link ), }, { - start: '1/29/2022 6:00:00 PM (PST)', + start: "1/29/2022 6:00:00 PM (PST)", item: ( <> - - {' '} - Live: - {' '} + + Live: + {" "} Closing Ceremony Zoom Link @@ -2376,13 +2184,10 @@ function StatusBlock(props) { }, { - start: '1/30/2022 6:30:00 PM (PST)', + start: "1/30/2022 6:30:00 PM (PST)", item: ( <> - - Design-a-thon has concluded, thank you - every one! - + Design-a-thon has concluded, thank you every one! ), }, @@ -2405,7 +2210,7 @@ function Toggle(props) { if (expand) { return (
{ toggleExpand(); }} @@ -2416,7 +2221,7 @@ function Toggle(props) { } else { return (
{ toggleExpand(); }} @@ -2438,16 +2243,16 @@ var view, gl; var Main = {}; const RESOLUTION = window.devicePixelRatio; function initialize() { - view = document.getElementById('view'); + view = document.getElementById("view"); // gl = view.getContext("webgl2", {antialias: false, preserveDrawingBuffer: true, premultipliedAlpha: false }) - gl = view.getContext('webgl', { + gl = view.getContext("webgl", { antialias: false, preserveDrawingBuffer: true, premultipliedAlpha: false, }); - window.addEventListener('resize', resize); - window.addEventListener('scroll', scroll); + window.addEventListener("resize", resize); + window.addEventListener("scroll", scroll); Main.target = {}; Main.target.view = { @@ -2482,7 +2287,7 @@ function frame() { } Main.prog.render.prepareDraw(); - Main.prog.render.setUniform['u_T'](T + 0.5); + Main.prog.render.setUniform["u_T"](T + 0.5); Main.prog.render.draw(); if (run) requestAnimationFrame(frame); @@ -2498,7 +2303,7 @@ function resize() { view.width = Main.target.view.w; view.height = Main.target.view.h; - Main.prog.render.setUniform['aspect']( + Main.prog.render.setUniform["aspect"]( Main.target.view.w / Main.target.view.h ); } @@ -2539,10 +2344,7 @@ class Program { const vertexBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer); gl.bufferData(gl.ARRAY_BUFFER, Verticies, gl.STATIC_DRAW); - const positionAttribLocation = gl.getAttribLocation( - this.program, - 'vertex' - ); + const positionAttribLocation = gl.getAttribLocation(this.program, "vertex"); gl.vertexAttribPointer( positionAttribLocation, 2, @@ -2556,35 +2358,33 @@ class Program { // Generate uniform setters this.setUniform = {}; this.uLocation = {}; - let uniformArgs = (vertCode + fragCode).matchAll( - 'uniform +(.+) +(.+);' - ); + let uniformArgs = (vertCode + fragCode).matchAll("uniform +(.+) +(.+);"); for (let i of uniformArgs) { let location = gl.getUniformLocation(this.program, i[2]); this.uLocation[i[2]] = location; - let setFuncName = 'uniform'; - if (!['sampler2D'].includes(i[1])) { + let setFuncName = "uniform"; + if (!["sampler2D"].includes(i[1])) { switch (i[1]) { - case 'float': - setFuncName += '1f'; + case "float": + setFuncName += "1f"; break; - case 'vec2': - setFuncName += '2fv'; + case "vec2": + setFuncName += "2fv"; break; - case 'vec3': - setFuncName += '3fv'; + case "vec3": + setFuncName += "3fv"; break; - case 'vec4': - setFuncName += '4fv'; + case "vec4": + setFuncName += "4fv"; break; - case 'int': - setFuncName += '1i'; + case "int": + setFuncName += "1i"; break; default: - alert('Undefined uniform type'); + alert("Undefined uniform type"); break; } - this.setUniform[i[2]] = value => { + this.setUniform[i[2]] = (value) => { gl.useProgram(this.program); gl[setFuncName](location, value); }; diff --git a/src/app/pages/Designathons/Designathon23/components/FAQ/index.jsx b/src/app/pages/Designathons/Designathon23/components/FAQ/index.jsx index 9b2dc2e5..97355707 100644 --- a/src/app/pages/Designathons/Designathon23/components/FAQ/index.jsx +++ b/src/app/pages/Designathons/Designathon23/components/FAQ/index.jsx @@ -1,70 +1,66 @@ -import { Text } from 'app/components'; -import { Section, Icon } from 'app/Symbols'; -import clsx from 'clsx'; -import { useCallback, useState } from 'react'; -import cn from './FAQ.module.scss'; +import { Text } from "app/components"; +import { Section, Icon } from "app/Symbols"; +import clsx from "clsx"; +import { useCallback, useState } from "react"; +import cn from "./FAQ.module.scss"; const FAQ = () => { return ( -
- FAQ +
+ FAQ
-
- - Join the live conversation on the{' '} +
+ + Join the live conversation on the{" "} You Belong Here 2023 Discord - {' '} + {" "} for more help!
-
+
{[ { - q: 'Why should I join?', - a: 'Creating an aesthetically pleasing, functional product is not only what a designer does; it is to listen to what our world needs, empathize people’s gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can practice your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.', + q: "Why should I join?", + a: "Creating an aesthetically pleasing, functional product is not only what a designer does; it is to listen to what our world needs, empathize people’s gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can practice your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.", }, { - q: 'Who can attend?', + q: "Who can attend?", a: ( - - Any undergraduate student within the United - States (with an associated institutional - email) is able to{' '} + + Any undergraduate student within the United States (with an + associated institutional email) is able to{" "} sign up - {' '} - and attend. If you do not qualify, you will - not be allowed to participate in the event. + {" "} + and attend. If you do not qualify, you will not be allowed to + participate in the event. ), }, { - q: 'How do I sign up?', + q: "How do I sign up?", a: ( - - Apply through our{' '} + + Apply through our{" "} Participant Sign-up Form. @@ -73,62 +69,59 @@ const FAQ = () => { ), }, { - q: 'I don’t have prior knowledge in design. Can I still participate?', - a: 'Of course! Design is all around us. We will provide opportunities and resources for beginners to get started, such as workshops, mentor office hours, and more.', + q: "I don’t have prior knowledge in design. Can I still participate?", + a: "Of course! Design is all around us. We will provide opportunities and resources for beginners to get started, such as workshops, mentor office hours, and more.", }, { - q: 'How much does it cost?', - a: 'You Belong Here requires no cost to participate. All you need is a working device with Zoom, Discord, and an open mind. ', + q: "How much does it cost?", + a: "You Belong Here requires no cost to participate. All you need is a working device with Zoom, Discord, and an open mind. ", }, { - q: 'When is the registration deadline?', + q: "When is the registration deadline?", a: ( - - Our{' '} + + Our{" "} participant sign-up form - {' '} + {" "} has been extended until February 19th at 11:59pm (PST) ), }, { - q: 'How do I prepare?', + q: "How do I prepare?", a: ( - - During the event, we will be hosting - workshops for anyone new to design thinking - or the design process. We highly encourage - getting the hang of Figma, Sketch, Adobe XD, - or the prototyping tool of your choice. You - are also free to look through our Design at - UCI{' '} + + During the event, we will be hosting workshops for anyone new + to design thinking or the design process. We highly encourage + getting the hang of Figma, Sketch, Adobe XD, or the + prototyping tool of your choice. You are also free to look + through our Design at UCI{" "} Resources - {' '} - page for extra information. Want to go the - extra mile? Show your excitement by turning - on your camera and adding our{' '} + {" "} + page for extra information. Want to go the extra mile? Show + your excitement by turning on your camera and adding our{" "} You Belong Here Zoom backgrounds. @@ -137,71 +130,67 @@ const FAQ = () => { ), }, { - q: 'How do teams work?', + q: "How do teams work?", a: ( - - You have the option to (1) go solo, or (2) - form a team of up to 4 people total. You may - list your team members in the sign-up form, - but it’s okay if plans change! Take - advantage of our #find-a-team{' '} + + You have the option to (1) go solo, or (2) form a team of up + to 4 people total. You may list your team members in the + sign-up form, but it’s okay if plans change! Take advantage of + our #find-a-team{" "} Discord channel - {' '} - to meet potential team members. We will - consider your final team members to be the - ones indicated when submitting your project. + {" "} + to meet potential team members. We will consider your final + team members to be the ones indicated when submitting your + project. ), }, { - q: 'What if I don’t have a team?', + q: "What if I don’t have a team?", a: ( - - Our #find-a-team Discord channel is the - perfect place for anyone looking for a team - at our Designathon. If you haven’t already, - join our You Belong Here{' '} + + Our #find-a-team Discord channel is the perfect place for + anyone looking for a team at our Designathon. If you haven’t + already, join our You Belong Here{" "} Discord channel - {' '} + {" "} . Solo participants are also allowed. ), }, { - q: 'Where do I submit my project?', + q: "Where do I submit my project?", a: ( - - You will submit your final, working - prototype to the{' '} + + You will submit your final, working prototype to the{" "} Submission Form - {' '} - (opens during event). Only one person on - your team should submit a form, which will - be on behalf of all contributors. + {" "} + (opens during event). Only one person on your team should + submit a form, which will be on behalf of all contributors. ), }, - ].map(item => { + ].map((item) => { return ( {

{item.q}

{item.a}
} + key={item.q} /> ); })} @@ -235,7 +225,7 @@ const Toggle = ({ opened, closed }) => { const [open, setOpen] = useState(false); const toggleExpand = useCallback(() => { - setOpen(p => !p); + setOpen((p) => !p); }, []); return ( @@ -244,12 +234,12 @@ const Toggle = ({ opened, closed }) => { onClick={toggleExpand} > {open ? opened : closed} diff --git a/src/app/pages/Designathons/Designathon23/components/Prizes/index.jsx b/src/app/pages/Designathons/Designathon23/components/Prizes/index.jsx index a63d6b03..8d238004 100644 --- a/src/app/pages/Designathons/Designathon23/components/Prizes/index.jsx +++ b/src/app/pages/Designathons/Designathon23/components/Prizes/index.jsx @@ -1,17 +1,17 @@ -import { Section } from 'app/Symbols'; -import cn from './Prizes.module.scss'; +import { Section } from "app/Symbols"; +import cn from "./Prizes.module.scss"; const Prizes = ({ list }) => { return (

Prizes

- {list.map(item => ( -
+ {list.map((item) => ( +

{item.label}

-
- {item.prizes.map(prize => ( -

{prize}

+
+ {item.prizes.map((prize, index) => ( +

{prize}

))}
diff --git a/src/app/pages/Designathons/Designathon23/components/Schedule/index.jsx b/src/app/pages/Designathons/Designathon23/components/Schedule/index.jsx index 570c95c4..561a6c4d 100644 --- a/src/app/pages/Designathons/Designathon23/components/Schedule/index.jsx +++ b/src/app/pages/Designathons/Designathon23/components/Schedule/index.jsx @@ -1,33 +1,31 @@ -import { Section } from 'app/Symbols'; -import clsx from 'clsx'; -import cn from './Schedule.module.scss'; +import { Section } from "app/Symbols"; +import clsx from "clsx"; +import cn from "./Schedule.module.scss"; function Schedule() { return ( -
+

Schedule

- In-person events are marked with (IP) and are open to UCI - students only. + In-person events are marked with (IP) and are open to UCI students + only.

Friday - Feb. 24, 2023

-
-
-
+
+
+
5:30 pm ↓
-
- Opening Ceremony -
-
+
Opening Ceremony
+

- Join us on our{' '} + Join us on our{" "} Zoom. @@ -36,162 +34,150 @@ function Schedule() { Led by Design at UCI’s Designathon Director, Hannah.

-
-
+
+
5:35 pm ↓
-
Judges Introduction
-
-

- Judges share their design background and - journey. -

+
Judges Introduction
+
+

Judges share their design background and journey.

- Introducing our judges: Minjun Chen, Jeremy - Marusek, Antonio Flamenco, Mosope Adebowale, and - Yiming Wang. + Introducing our judges: Minjun Chen, Jeremy Marusek, Antonio + Flamenco, Mosope Adebowale, and Yiming Wang.

-
-
+
+
6:00 pm ↓
-
Keynote speech
-
+
Keynote speech
+
Led by Keynote Speaker: Harrison Wheeler
-
-
+
+
6:35 pm ↓
-
+
Challenge Brief and Q&A
-
+
Announcing Challenge Brief and opening Q&A.
-
-
+
+
7:00 pm ↓ 7:05 pm
-
Closing
-
-

- Designathon Director, Hannah, ends the Opening - Ceremony. -

+
Closing
+
+

Designathon Director, Hannah, ends the Opening Ceremony.

-
-
+
+
7:30 pm ↓ 8:15 pm
-
+
Workshop: Design for Gender Inclusivity
-
+

Led by WICS (Duong Vu & Amanda Hausmann)

- In celebration of Inclusivity, we invite you to - the talk about gender inclusivity in designs - hosted by WiCS (Women in Computer Sciences). - Gender inclusivity includes practicing awareness - and using good design practice that avoids bias - towards a particular sex or gender. We hope to - see you there! + In celebration of Inclusivity, we invite you to the talk about + gender inclusivity in designs hosted by WiCS (Women in Computer + Sciences). Gender inclusivity includes practicing awareness and + using good design practice that avoids bias towards a particular + sex or gender. We hope to see you there!

- Location:{' '} + Location:{" "} Zoom

-
-
+
+
8:00 pm ↓ 10:00 pm
-
Work session (IP)
-
+
Work session (IP)
+

*UCI Students ONLY*

- Teams can work together in-person at our - designated work rooms. Designathon mentors and - event coordinators will be available to answer - any questions! Food is provided (while supplies - last, vegetarian options available). + Teams can work together in-person at our designated work rooms. + Designathon mentors and event coordinators will be available to + answer any questions! Food is provided (while supplies last, + vegetarian options available).

Location: DBH 3011 & DBH 4011

-
-
+
+
8:45 pm ↓ 9:30 pm
-
Workshop: Intro to Figma
-
+
Workshop: Intro to Figma
+

Led by Victoria Wu

- New to UX Design and curious about the tools UX - Designers use? Join the Intro to Figma workshop - to learn the basics of this powerful prototyping - and designing tool. This workshop is an - introductory course, perfect for those who have - little to no experience with Figma! + New to UX Design and curious about the tools UX Designers use? + Join the Intro to Figma workshop to learn the basics of this + powerful prototyping and designing tool. This workshop is an + introductory course, perfect for those who have little to no + experience with Figma!

- Location:{' '} + Location:{" "} Zoom

-
-
+
+
11:00 pm ↓ 12:00 am
-
Mentor Office Hours
-
+
Mentor Office Hours
+

- Need help or advice? Come speak with our mentors - in the #mentor-office-hours channel on Discord! - Ping the channel with your questions or - requests. Mentors in the server will respond to - your message and hop on a voice chat with you. + Need help or advice? Come speak with our mentors in the + #mentor-office-hours channel on Discord! Ping the channel with + your questions or requests. Mentors in the server will respond + to your message and hop on a voice chat with you.

- Location:{' '} + Location:{" "} Discord @@ -201,254 +187,233 @@ function Schedule() {

Saturday - Feb. 25, 2023

-
-
-
+
+
+
10:00 am↓10:45 am
-
- Workshop: Designing for Diversity -
-
+
Workshop: Designing for Diversity
+

Led by Mosope Adebowale

- Do you envision yourself designing for products - that will be used by billions of people across - the globe? Join Mosope to learn about designing - with an inclusive mind. + Do you envision yourself designing for products that will be + used by billions of people across the globe? Join Mosope to + learn about designing with an inclusive mind.

- Location:{' '} + Location:{" "} Zoom

-
-
+
+
11:00 am ↓ 12:00 pm
-
Mentor Office Hours
-
+
Mentor Office Hours
+

- Need help or advice? Come speak with our mentors - in the #mentor-office-hours channel on Discord! - Ping the channel with your questions or - requests. Mentors in the server will respond to - your message and hop on a voice chat with you. + Need help or advice? Come speak with our mentors in the + #mentor-office-hours channel on Discord! Ping the channel with + your questions or requests. Mentors in the server will respond + to your message and hop on a voice chat with you.

- Location:{' '} + Location:{" "} Discord

-
-
+
+
12:00 pm↓12:45 pm
-
- Workshop: Be F#$%ing Authentic -
-
+
Workshop: Be F#$%ing Authentic
+

Led by Joe Cahill

- When you are in college we are told to fit in - this box of being a professional, we are told to - hold back or you won’t get the job. Well they - are so damn wrong! Learn to let go and be - yourself is one of the keys to success in any - career but no more than in design we have to - sell our work, sell ourselves and allow - ourselves to shine through. + When you are in college we are told to fit in this box of being + a professional, we are told to hold back or you won’t get the + job. Well they are so damn wrong! Learn to let go and be + yourself is one of the keys to success in any career but no more + than in design we have to sell our work, sell ourselves and + allow ourselves to shine through.

- Location:{' '} + Location:{" "} Zoom

-
-
+
+
1:00 pm ↓ 3:00 pm
-
Work session (IP)
-
+
Work session (IP)
+

*UCI Students ONLY*

- Teams can work together in-person at our - designated work rooms. Designathon mentors and - event coordinators will be available to answer - any questions! Food is provided (while supplies - last, vegetarian options available). + Teams can work together in-person at our designated work rooms. + Designathon mentors and event coordinators will be available to + answer any questions! Food is provided (while supplies last, + vegetarian options available).

Location: DBH 3011 & DBH 4011

-
-
+
+
2:00 pm ↓ 3:00 pm
-
Social
-
+
Social
+

Led by Design at UCI

Game Extravaganza

- Join our virtual social, where we’ll be playing - a series of online games including Gartic Phone, - Spyfall, Codenames, and many others! -

-

- Location: #game-extravaganza-social channel in - our Discord + Join our virtual social, where we’ll be playing a series of + online games including Gartic Phone, Spyfall, Codenames, and + many others!

+

Location: #game-extravaganza-social channel in our Discord

-
-
+
+
3:00 pm↓3:45 pm
-
- Workshop: Creating UX Case Studies -
-
- Led by CTC (Alexandria (Alex) Wang & Meghna - Kaligotla) +
Workshop: Creating UX Case Studies
+
+ Led by CTC (Alexandria (Alex) Wang & Meghna Kaligotla)

- Are you interested in learning how to create - case studies for your UX projects? Join Commit - the Change as we discuss how to tackle - structuring a case study, portfolio - storytelling, and presenting design projects! + Are you interested in learning how to create case studies for + your UX projects? Join Commit the Change as we discuss how to + tackle structuring a case study, portfolio storytelling, and + presenting design projects!

- Location:{' '} + Location:{" "} Zoom

-
-
+
+
4:00 pm ↓ 5:00 pm
-
Social (IP)
-
+
Social (IP)
+

*UCI Students ONLY*

Led by Design at UCI

Event: DIY Designathon Zines

- Join us for an in-person social and get the - chance to create custom “zines” about yourself - or related to the Designathon theme. Showcase - your zines at the end of the event! + Join us for an in-person social and get the chance to create + custom “zines” about yourself or related to the Designathon + theme. Showcase your zines at the end of the event!

Location: DBH 3011

-
-
+
+
5:00 pm↓5:45 pm
-
+
Workshop: Leveraging Accessibility in Design
-
+

Led by Antonio Flamenco

- Accessible design should be universal design and - yet most digital products out there lack basic - accessibility standards. Most designers focus - too heavily on how something looks rather than - how everyone has to interact with it. Join - Antonio in learning what accessibility means for - design and how to make all your designs - accessible moving forward! + Accessible design should be universal design and yet most + digital products out there lack basic accessibility standards. + Most designers focus too heavily on how something looks rather + than how everyone has to interact with it. Join Antonio in + learning what accessibility means for design and how to make all + your designs accessible moving forward!

- Location:{' '} + Location:{" "} Zoom

-
-
+
+
5:00 pm ↓ 7:00 pm
-
Work session (IP)
-
+
Work session (IP)
+

*UCI Students ONLY*

- Teams can work together in-person at our - designated work rooms. Designathon mentors and - event coordinators will be available to answer - any questions! Food is provided (while supplies - last, vegetarian options available). + Teams can work together in-person at our designated work rooms. + Designathon mentors and event coordinators will be available to + answer any questions! Food is provided (while supplies last, + vegetarian options available).

Location: DBH 3011 & DBH 4011

-
-
+
+
8:00 pm ↓ 9:00 pm
-
Mentor Office Hours
-
+
Mentor Office Hours
+

- Need help or advice? Come speak with our mentors - in the #mentor-office-hours channel on Discord! - Ping the channel with your questions or - requests. Mentors in the server will respond to - your message and hop on a voice chat with you. + Need help or advice? Come speak with our mentors in the + #mentor-office-hours channel on Discord! Ping the channel with + your questions or requests. Mentors in the server will respond + to your message and hop on a voice chat with you.

- Location:{' '} + Location:{" "} Discord @@ -458,19 +423,19 @@ function Schedule() {

Sunday - Feb. 26, 2023

-
-
-
8:00 am
-
+
+
+
8:00 am
+
Submission Deadline
-
+

- Submit your working prototype through our{' '} + Submit your working prototype through our{" "} Submission Form @@ -478,138 +443,126 @@ function Schedule() {

-
-
1:10 pm
-
- Announcing 10 finalists -
-
- Our team will reach out to the email provided in the - Submission Form to let the team know. Make sure to - check your spam! These teams will move forward to - and present their case study during the final round - of the judging panel. +
+
1:10 pm
+
Announcing 10 finalists
+
+ Our team will reach out to the email provided in the Submission + Form to let the team know. Make sure to check your spam! These + teams will move forward to and present their case study during the + final round of the judging panel.
-
-
+
+
1:10 pm ↓ 4:00 pm
-
Work on Case Study
-
+
Work on Case Study
+

- For all the 10 finalists, make sure to prepare - your presentation so that it clearly elaborates - your target user base, user research, and - decision making process. Please refer to the - rubric or ask questions on our{' '} + For all the 10 finalists, make sure to prepare your presentation + so that it clearly elaborates your target user base, user + research, and decision making process. Please refer to the + rubric or ask questions on our{" "} Discord - {' '} + {" "} channel for more information and clarification.

-
-
+
+
4:00 pm ↓ 5:30 pm
-
- Presentations -
-
+
Presentations
+

- Join us on our{' '} + Join us on our{" "} Zoom .

- Each finalist team—there will be 10 in total—will - have 8 minutes to present their case study. Anyone - can attend. + Each finalist team—there will be 10 in total—will have 8 minutes + to present their case study. Anyone can attend.
-
-
+
+
5:30 pm ↓ 6:15 pm
-
Judging Panel
-
- Judges decide the Top 3 teams, as well as the - winners for these additional awards: +
Judging Panel
+
+ Judges decide the Top 3 teams, as well as the winners for these + additional awards:
    -
  • - • Best presentation & story-telling -
    • +
  • • Best presentation & story-telling
  • • Most creative & innovative
  • • Honorable mention
-
-
+
+
7:00 pm ↓ 7:40 pm
-
- Closing Ceremony -
-
+
Closing Ceremony
+

- Join us on our{' '} + Join us on our{" "} Zoom .

- Designathon Director, Hannah, announces the winners - and asks them to share their experience. + Designathon Director, Hannah, announces the winners and asks them + to share their experience.
-
-
+
+
7:40 pm ↓ 7:50 pm
-
Raffle Draw
-
- Led by Design-a-thon Director, Hannah. Raffle - winners will be chosen. +
Raffle Draw
+
+ Led by Design-a-thon Director, Hannah. Raffle winners will be + chosen.
-
-
+
+
7:50 pm ↓ 8:00 pm
-
Q&A and Closing
-
- During the final Q&A session, attendees can ask - anything related to the event. Design at UCI will - give final thanks and acknowledgments, then close - out the event. +
Q&A and Closing
+
+ During the final Q&A session, attendees can ask anything related + to the event. Design at UCI will give final thanks and + acknowledgments, then close out the event.
diff --git a/src/app/pages/Designathons/Designathon23/components/SectionNavigation/index.jsx b/src/app/pages/Designathons/Designathon23/components/SectionNavigation/index.jsx index dc01ea85..e4c3ba40 100644 --- a/src/app/pages/Designathons/Designathon23/components/SectionNavigation/index.jsx +++ b/src/app/pages/Designathons/Designathon23/components/SectionNavigation/index.jsx @@ -1,5 +1,5 @@ -import { useEffect, useState } from 'react'; -import cn from './SectionNavigation.module.scss'; +import { useEffect, useState } from "react"; +import cn from "./SectionNavigation.module.scss"; const SectionNavigation = () => { const [currentTime, setCurrentTime] = useState(() => new Date().getTime()); @@ -12,9 +12,9 @@ const SectionNavigation = () => { return () => clearInterval(timer); }, []); - const scrollToSection = id => { + const scrollToSection = (id) => { window.scrollTo({ - behavior: 'smooth', + behavior: "smooth", top: document.getElementById(id).offsetTop - 80, }); }; @@ -22,42 +22,43 @@ const SectionNavigation = () => { return (
{[ - { label: 'Overview', id: 's-overview' }, - { label: 'Judges & Speakers', id: 's-people' }, - { label: 'Rules', id: 's-rules' }, - { label: 'Prizes', id: 's-prizes' }, - { label: 'Schedule', id: 's-schedule' }, - { label: 'FAQ', id: 's-faq' }, - { label: 'Sponsors', id: 's-sponsors' }, - ].map(item => ( + { label: "Overview", id: "s-overview" }, + { label: "Judges & Speakers", id: "s-people" }, + { label: "Rules", id: "s-rules" }, + { label: "Prizes", id: "s-prizes" }, + { label: "Schedule", id: "s-schedule" }, + { label: "FAQ", id: "s-faq" }, + { label: "Sponsors", id: "s-sponsors" }, + ].map((item) => ( { scrollToSection(item.id); }} + key={item.id} >

{item.label}

 ))} {currentTime > new Date( - 'Feb 24 2023 19:00:00 GMT-0800 (Pacific Standard Time)' + "Feb 24 2023 19:00:00 GMT-0800 (Pacific Standard Time)" ).getTime() && (

Challenge Brief

 )}

Submission Form

 diff --git a/src/app/pages/Designathons/Designathon23/components/Splash/index.jsx b/src/app/pages/Designathons/Designathon23/components/Splash/index.jsx index bea8854c..0b43c5a4 100644 --- a/src/app/pages/Designathons/Designathon23/components/Splash/index.jsx +++ b/src/app/pages/Designathons/Designathon23/components/Splash/index.jsx @@ -1,102 +1,102 @@ -import { memo } from 'react'; +import { memo } from "react"; const Splash = memo(() => { return ( - - - + + + - - + + - + - + - - + + - + diff --git a/src/app/pages/Designathons/Designathon23/index.js b/src/app/pages/Designathons/Designathon23/index.js index 81c211e3..7a738d14 100644 --- a/src/app/pages/Designathons/Designathon23/index.js +++ b/src/app/pages/Designathons/Designathon23/index.js @@ -13,131 +13,131 @@ import FOF from "./assets/FOF.png"; import notion from "./assets/notion.png"; import balsamiq from "./assets/balsamiq.png"; import { - Profile, - Prizes, - SectionNavigation, - FAQ, - Rules, - Timer, + Profile, + Prizes, + SectionNavigation, + FAQ, + Rules, + Timer, } from "./components"; import Schedule from "./components/Schedule"; import { Splash } from "./components/Splash"; const Designathon23 = () => ( -
-
-
- -
-
- - - You Belong Here - -
- -
-
-
+
+
+
+ +
+
+ + + You Belong Here + +
+ +
+
+
- - + + -
-
-

About

-

- Design-a-thon is a 3 day long hybrid event where you or a team design - a product focused on the theme: community and inclusivity. It takes - place on February 24, starting at 5:30 pm and ends February 26, 8:00 - pm PST. -

-

- Design at UCI is the premier student-run organization at UCI for - anything graphic design, UI/UX design, product design, and more. - Started in 2016, we foster a special community for all digital - designers to connect, learn, and innovate. -

-

- Design at UCI’s designathon is the largest collegiate designathon in - Orange County. Each year, we bring together hundreds of student - designers nationwide to define, develop, and pitch a product built - from scratch. We hope that this experience can help you acquire and - grow both your soft and hard skills in empathizing with your users, - defining a set of goals and needs, developing your product, and - improving your confidence and creativity as a human-centric designer. -

-
-
+
+
+

About

+

+ Design-a-thon is a 3 day long hybrid event where you or a team design + a product focused on the theme: community and inclusivity. It takes + place on February 24, starting at 5:30 pm and ends February 26, 8:00 + pm PST. +

+

+ Design at UCI is the premier student-run organization at UCI for + anything graphic design, UI/UX design, product design, and more. + Started in 2016, we foster a special community for all digital + designers to connect, learn, and innovate. +

+

+ Design at UCI’s designathon is the largest collegiate designathon in + Orange County. Each year, we bring together hundreds of student + designers nationwide to define, develop, and pitch a product built + from scratch. We hope that this experience can help you acquire and + grow both your soft and hard skills in empathizing with your users, + defining a set of goals and needs, developing your product, and + improving your confidence and creativity as a human-centric designer. +

+
+
-
-
-
-

Keynote Speaker

- {KEYNOTE_2023.map((speaker) => ( - - ))} -
-
-

Judges

- {JUDGES_2023.map((judge) => ( - - ))} -
-
-

Workshop Hosts

- {WORKSHOP_HOSTS_2023.map((host) => ( - - ))} -
-
-
+
+
+
+

Keynote Speaker

+ {KEYNOTE_2023.map((speaker) => ( + + ))} +
+
+

Judges

+ {JUDGES_2023.map((judge) => ( + + ))} +
+
+

Workshop Hosts

+ {WORKSHOP_HOSTS_2023.map((host) => ( + + ))} +
+
+
- + -
- -
+
+ +
- + - + -
-
-

Sponsors

-
-
- - Friends of Figma - -
- -
- - balsamiq - -
-
-
-
-
+
+
+

Sponsors

+
+
+ + Friends of Figma + +
+ +
+ + balsamiq + +
+
+
+
+
); export default Designathon23; diff --git a/src/app/pages/Designathons/Designathon24/components/FAQ/index.jsx b/src/app/pages/Designathons/Designathon24/components/FAQ/index.jsx index 9b2dc2e5..97355707 100644 --- a/src/app/pages/Designathons/Designathon24/components/FAQ/index.jsx +++ b/src/app/pages/Designathons/Designathon24/components/FAQ/index.jsx @@ -1,70 +1,66 @@ -import { Text } from 'app/components'; -import { Section, Icon } from 'app/Symbols'; -import clsx from 'clsx'; -import { useCallback, useState } from 'react'; -import cn from './FAQ.module.scss'; +import { Text } from "app/components"; +import { Section, Icon } from "app/Symbols"; +import clsx from "clsx"; +import { useCallback, useState } from "react"; +import cn from "./FAQ.module.scss"; const FAQ = () => { return ( -
- FAQ +
+ FAQ
-
- - Join the live conversation on the{' '} +
+ + Join the live conversation on the{" "} You Belong Here 2023 Discord - {' '} + {" "} for more help!
-
+
{[ { - q: 'Why should I join?', - a: 'Creating an aesthetically pleasing, functional product is not only what a designer does; it is to listen to what our world needs, empathize people’s gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can practice your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.', + q: "Why should I join?", + a: "Creating an aesthetically pleasing, functional product is not only what a designer does; it is to listen to what our world needs, empathize people’s gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can practice your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.", }, { - q: 'Who can attend?', + q: "Who can attend?", a: ( - - Any undergraduate student within the United - States (with an associated institutional - email) is able to{' '} + + Any undergraduate student within the United States (with an + associated institutional email) is able to{" "} sign up - {' '} - and attend. If you do not qualify, you will - not be allowed to participate in the event. + {" "} + and attend. If you do not qualify, you will not be allowed to + participate in the event. ), }, { - q: 'How do I sign up?', + q: "How do I sign up?", a: ( - - Apply through our{' '} + + Apply through our{" "} Participant Sign-up Form. @@ -73,62 +69,59 @@ const FAQ = () => { ), }, { - q: 'I don’t have prior knowledge in design. Can I still participate?', - a: 'Of course! Design is all around us. We will provide opportunities and resources for beginners to get started, such as workshops, mentor office hours, and more.', + q: "I don’t have prior knowledge in design. Can I still participate?", + a: "Of course! Design is all around us. We will provide opportunities and resources for beginners to get started, such as workshops, mentor office hours, and more.", }, { - q: 'How much does it cost?', - a: 'You Belong Here requires no cost to participate. All you need is a working device with Zoom, Discord, and an open mind. ', + q: "How much does it cost?", + a: "You Belong Here requires no cost to participate. All you need is a working device with Zoom, Discord, and an open mind. ", }, { - q: 'When is the registration deadline?', + q: "When is the registration deadline?", a: ( - - Our{' '} + + Our{" "} participant sign-up form - {' '} + {" "} has been extended until February 19th at 11:59pm (PST) ), }, { - q: 'How do I prepare?', + q: "How do I prepare?", a: ( - - During the event, we will be hosting - workshops for anyone new to design thinking - or the design process. We highly encourage - getting the hang of Figma, Sketch, Adobe XD, - or the prototyping tool of your choice. You - are also free to look through our Design at - UCI{' '} + + During the event, we will be hosting workshops for anyone new + to design thinking or the design process. We highly encourage + getting the hang of Figma, Sketch, Adobe XD, or the + prototyping tool of your choice. You are also free to look + through our Design at UCI{" "} Resources - {' '} - page for extra information. Want to go the - extra mile? Show your excitement by turning - on your camera and adding our{' '} + {" "} + page for extra information. Want to go the extra mile? Show + your excitement by turning on your camera and adding our{" "} You Belong Here Zoom backgrounds. @@ -137,71 +130,67 @@ const FAQ = () => { ), }, { - q: 'How do teams work?', + q: "How do teams work?", a: ( - - You have the option to (1) go solo, or (2) - form a team of up to 4 people total. You may - list your team members in the sign-up form, - but it’s okay if plans change! Take - advantage of our #find-a-team{' '} + + You have the option to (1) go solo, or (2) form a team of up + to 4 people total. You may list your team members in the + sign-up form, but it’s okay if plans change! Take advantage of + our #find-a-team{" "} Discord channel - {' '} - to meet potential team members. We will - consider your final team members to be the - ones indicated when submitting your project. + {" "} + to meet potential team members. We will consider your final + team members to be the ones indicated when submitting your + project. ), }, { - q: 'What if I don’t have a team?', + q: "What if I don’t have a team?", a: ( - - Our #find-a-team Discord channel is the - perfect place for anyone looking for a team - at our Designathon. If you haven’t already, - join our You Belong Here{' '} + + Our #find-a-team Discord channel is the perfect place for + anyone looking for a team at our Designathon. If you haven’t + already, join our You Belong Here{" "} Discord channel - {' '} + {" "} . Solo participants are also allowed. ), }, { - q: 'Where do I submit my project?', + q: "Where do I submit my project?", a: ( - - You will submit your final, working - prototype to the{' '} + + You will submit your final, working prototype to the{" "} Submission Form - {' '} - (opens during event). Only one person on - your team should submit a form, which will - be on behalf of all contributors. + {" "} + (opens during event). Only one person on your team should + submit a form, which will be on behalf of all contributors. ), }, - ].map(item => { + ].map((item) => { return ( {

{item.q}

{item.a}
} + key={item.q} /> ); })} @@ -235,7 +225,7 @@ const Toggle = ({ opened, closed }) => { const [open, setOpen] = useState(false); const toggleExpand = useCallback(() => { - setOpen(p => !p); + setOpen((p) => !p); }, []); return ( @@ -244,12 +234,12 @@ const Toggle = ({ opened, closed }) => { onClick={toggleExpand} > {open ? opened : closed} diff --git a/src/app/pages/Designathons/Designathon24/components/Prizes/index.jsx b/src/app/pages/Designathons/Designathon24/components/Prizes/index.jsx index a63d6b03..8d238004 100644 --- a/src/app/pages/Designathons/Designathon24/components/Prizes/index.jsx +++ b/src/app/pages/Designathons/Designathon24/components/Prizes/index.jsx @@ -1,17 +1,17 @@ -import { Section } from 'app/Symbols'; -import cn from './Prizes.module.scss'; +import { Section } from "app/Symbols"; +import cn from "./Prizes.module.scss"; const Prizes = ({ list }) => { return (

Prizes

- {list.map(item => ( -
+ {list.map((item) => ( +

{item.label}

-
- {item.prizes.map(prize => ( -

{prize}

+
+ {item.prizes.map((prize, index) => ( +

{prize}

))}
diff --git a/src/app/pages/Designathons/Designathon24/components/SectionNavigation/index.jsx b/src/app/pages/Designathons/Designathon24/components/SectionNavigation/index.jsx index e700582f..cb914597 100644 --- a/src/app/pages/Designathons/Designathon24/components/SectionNavigation/index.jsx +++ b/src/app/pages/Designathons/Designathon24/components/SectionNavigation/index.jsx @@ -37,6 +37,7 @@ const SectionNavigation = () => { onClick={() => { scrollToSection(item.id); }} + key={item.id} >

{item.label}

diff --git a/src/app/pages/Designathons/Home/components/EventListing/components/ProjectShowcase.jsx b/src/app/pages/Designathons/Home/components/EventListing/components/ProjectShowcase.jsx index 1c5e85d1..dfcba3e5 100644 --- a/src/app/pages/Designathons/Home/components/EventListing/components/ProjectShowcase.jsx +++ b/src/app/pages/Designathons/Home/components/EventListing/components/ProjectShowcase.jsx @@ -1,30 +1,25 @@ -import { Text } from 'app/components'; -import { Photo } from 'app/Symbols'; +import { Text } from "app/components"; +import { Photo } from "app/Symbols"; const ProjectShowcase = ({ title, image, name, creators, links }) => { return ( <> -
- +
+ {title} -
+
+ className="shadow" + style={{ minHeight: "256px" }} + />
- {name} - - Created by {creators.join(', ')} - - {links.map(link => ( - - + {name} + Created by {creators.join(", ")} + {links.map((link) => ( + + View {link.type} diff --git a/src/app/pages/Designathons/Home/components/EventListing/index.jsx b/src/app/pages/Designathons/Home/components/EventListing/index.jsx index d0e2bee0..091ddbee 100644 --- a/src/app/pages/Designathons/Home/components/EventListing/index.jsx +++ b/src/app/pages/Designathons/Home/components/EventListing/index.jsx @@ -3,61 +3,46 @@ import { Photo, Section, Space } from "app/Symbols"; import { Link } from "react-router-dom"; import { ProjectShowcase } from "./components/ProjectShowcase"; -const EventListing = ({title, theme, link, image, showcase}) => { +const EventListing = ({ title, theme, link, image, showcase }) => { return (
-
-
- +
+
+ {title} - - + + Theme - - {theme} - - + {theme} + Participants - 100+ + 100+
- - + + Event Page - +
- Awarded Entries -
- {showcase.map(project => )} + Awarded Entries +
+ {showcase.map((project) => ( + + ))}
); diff --git a/src/app/pages/Designathons/Home/index.js b/src/app/pages/Designathons/Home/index.js index d5c2da3d..b8693cd9 100644 --- a/src/app/pages/Designathons/Home/index.js +++ b/src/app/pages/Designathons/Home/index.js @@ -1,74 +1,73 @@ -import { Helmet } from 'react-helmet'; -import { Link } from 'react-router-dom'; +import { Helmet } from "react-helmet"; +import { Link } from "react-router-dom"; -import { Text } from 'app/components'; -import { Section, Space, Icon } from 'app/Symbols'; +import { Text } from "app/components"; +import { Section, Space, Icon } from "app/Symbols"; -import PAST_EVENTS from 'assets/data/designathon/overall.json' -import { EventListing } from './components'; +import PAST_EVENTS from "assets/data/designathon/overall.json"; +import { EventListing } from "./components"; const Designathons = () => ( <> Design-a-thons – Design at UCI -
-
- - - +
+
+ + + Design-a-thon at UCI
- -
-
- - A large-scale event where teams work to design a - prototype product within a few days. + +
+
+ + A large-scale event where teams work to design a prototype product + within a few days. - - To get involved,{' '} - - join us - {' '} - to get notifications about when the next applications - come out! + + To get involved, join us to get + notifications about when the next applications come out!
-
- - Our Design-a-thon is held once per year, and is open to - everyone. Bring your team or form one during the event, - and compete to create the best design centered around - the prompt. Additionally, you can attend workshops - hosted during the event to get extra help and +
+ + Our Design-a-thon is held once per year, and is open to everyone. + Bring your team or form one during the event, and compete to create + the best design centered around the prompt. Additionally, you can + attend workshops hosted during the event to get extra help and inspiration from industry professionals.
- - - Design-a-thon 2023 - + + + Design-a-thon 2023 + You Belong Here - February 24-26, 2023 - - Event Page + February 24-26, 2023 + + + Event Page +
- {PAST_EVENTS.map(event => )} + {PAST_EVENTS.map((event) => ( + + ))} ); diff --git a/src/app/pages/Designathons/components/Prizes/index.jsx b/src/app/pages/Designathons/components/Prizes/index.jsx index effba359..4edbd693 100644 --- a/src/app/pages/Designathons/components/Prizes/index.jsx +++ b/src/app/pages/Designathons/components/Prizes/index.jsx @@ -1,21 +1,23 @@ -import { Text } from 'app/components'; -import { Section } from 'app/Symbols'; +import { Text } from "app/components"; +import { Section } from "app/Symbols"; const Prizes = ({ list }) => { return ( -
- Prizes -
- {list.map(item => ( -
- +
+ Prizes +
+ {list.map((item) => ( +
+ {item.symbol} {item.label} -
- {item.prizes.map(prize => { +
+ {item.prizes.map((prize, index) => { return ( - {prize} + + {prize} + ); })}
diff --git a/src/app/pages/Designathons/components/SectionNavigation/index.jsx b/src/app/pages/Designathons/components/SectionNavigation/index.jsx index 8e098aa1..508eb53f 100644 --- a/src/app/pages/Designathons/components/SectionNavigation/index.jsx +++ b/src/app/pages/Designathons/components/SectionNavigation/index.jsx @@ -1,27 +1,28 @@ -import { Text } from 'app/components'; -import cn from './SectionNavigation.module.scss'; +import { Text } from "app/components"; +import cn from "./SectionNavigation.module.scss"; const SectionNavigation = () => { - const scrollToSection = id => { + const scrollToSection = (id) => { window.scrollTo(0, document.getElementById(id).offsetTop - 80); // document.getElementById(id).offsetTop }; return (
{[ - { label: 'Overview', id: 's-overview' }, - { label: 'Rules', id: 's-rules' }, - { label: 'Schedule', id: 's-schedule' }, - { label: 'Resources', id: 's-resources' }, - { label: 'FAQ', id: 's-faq' }, - { label: 'About', id: 's-about' }, - ].map(item => ( + { label: "Overview", id: "s-overview" }, + { label: "Rules", id: "s-rules" }, + { label: "Schedule", id: "s-schedule" }, + { label: "Resources", id: "s-resources" }, + { label: "FAQ", id: "s-faq" }, + { label: "About", id: "s-about" }, + ].map((item) => ( { scrollToSection(item.id); }} + key={item.id} > {item.label} diff --git a/src/app/pages/Designathons/components/WinnerShowcase/index.jsx b/src/app/pages/Designathons/components/WinnerShowcase/index.jsx index 6e4ad74a..79c69b1b 100644 --- a/src/app/pages/Designathons/components/WinnerShowcase/index.jsx +++ b/src/app/pages/Designathons/components/WinnerShowcase/index.jsx @@ -1,52 +1,49 @@ -import { Text } from 'app/components'; -import { Section } from 'app/Symbols'; +import { Text } from "app/components"; +import { Section } from "app/Symbols"; const WinnerShowcase = ({ winners }) => { if (!winners || winners.length === 0) return null; return ( -
-
- +
+
+ Congratulation to the winners! - {winners.map(item => ( + {winners.map((item) => (
{item.place} -
-
+
+
Team {item.team}
-
+
{item.members.map((item, i) => { return ( - + {item.name} - - {' '} - - {item.school} - + - {item.school} ); })}
- + {item.project} - {item.description} + {item.description}
))}
diff --git a/src/assets/data/designathon/2022/prizes.json b/src/assets/data/designathon/2022/prizes.json index e19ef811..dd98e64f 100644 --- a/src/assets/data/designathon/2022/prizes.json +++ b/src/assets/data/designathon/2022/prizes.json @@ -1,42 +1,43 @@ -[{ - "symbol": "1st", - "label": "First place", - "prizes": [ - "$40 gift card for each person on the winning team", - "Design at UCI and designathon stickers", - "A feature on the Design at UCI website", - "Free Sketch licenses", - "1-on-1 mentorship session with a judge of your choice" - ] - }, - { - "symbol": "2nd", - "label": "Second place", - "prizes": [ - "$15 gift card for each person on the winning team", - "Design at UCI and designathon stickers", - "A feature on the Design at UCI website", - "1-on-1 mentorship session with a judge of your choice" - ] - }, - { - "symbol": "3rd", - "label": "Third place", - "prizes": [ - "Design at UCI and designathon stickers", - "A feature on the Design at UCI website" - ] - }, - { - "symbol": "Raffle", - "label": "Randomly selected participants", - "prizes": [ - "All participants who submit a prototype are eligible to win", - "Design at UCI sticker set", - "Exclusive Designathon sticker", - "1 year-subscription license for Axure RP Team Edition", - "1 year-long Sketch license", - "Sketch Swag" - ] - } -] \ No newline at end of file +[ + { + "symbol": "1st", + "label": "First place", + "prizes": [ + "$40 gift card for each person on the winning team", + "Design at UCI and designathon stickers", + "A feature on the Design at UCI website", + "Free Sketch licenses", + "1-on-1 mentorship session with a judge of your choice" + ] + }, + { + "symbol": "2nd", + "label": "Second place", + "prizes": [ + "$15 gift card for each person on the winning team", + "Design at UCI and designathon stickers", + "A feature on the Design at UCI website", + "1-on-1 mentorship session with a judge of your choice" + ] + }, + { + "symbol": "3rd", + "label": "Third place", + "prizes": [ + "Design at UCI and designathon stickers", + "A feature on the Design at UCI website" + ] + }, + { + "symbol": "Raffle", + "label": "Randomly selected participants", + "prizes": [ + "All participants who submit a prototype are eligible to win", + "Design at UCI sticker set", + "Exclusive Designathon sticker", + "1 year-subscription license for Axure RP Team Edition", + "1 year-long Sketch license", + "Sketch Swag" + ] + } +] diff --git a/src/assets/data/designathon/2022/winners.json b/src/assets/data/designathon/2022/winners.json index 6fd07a43..0ce2c375 100644 --- a/src/assets/data/designathon/2022/winners.json +++ b/src/assets/data/designathon/2022/winners.json @@ -1,62 +1,66 @@ -[{ - "place": "1st Place", - "team": "Ratatouille", - "members": [{ - "name": "Stephanie Chang", - "school": "UCLA - @stephcha7" - }, - { - "name": "Michelle Kou", - "school": "UCLA - @michiskou" - } - ], - "project": "Ratatouille", - "description": "Ratatouille is an app that aims to inspire individuals to pursue a more sustainable diet in order to decrease carbon emissions. The app features alternative recipes to familiar meals so that individuals can overcome their fear of trying a new diet without any pressure or guilt. Most importantly, users can see the carbon emissions of each dish to increase awareness of the carbon footprint of certain foods. Being able to visualize the changes they’re making allows them to believe they can make a difference with small steps. In the words of Remy, the famous rat chef from the Disney movie 'Ratatouille', anyone can cook (sustainably)." - }, - { - "place": "2nd Place", - "team": "Best Team Ever", - "members": [{ - "name": "Ashley Chang", - "school": "UC Davis - @ashhhcha" - }, - { - "name": "An Nguyen", - "school": "UC Riverside - @annguyen.ig" - }, - { - "name": "Ryan Yang", - "school": "UC Irvine - @veryfewsbux" - }, - { - "name": "Angel Yim", - "school": "UC Berkeley - @angelysy_" - } - ], - "project": "Carbonology", - "description": "Carbonology is an app that provides convenient access to important sustainability information of common household products and aims to help consumers lead a more sustainable life. By simply scanning products, users can conveniently find sustainability statistics to guide their purchase decisions. Being eco-friendly isn't that simple for everyone and we know that. Carbonology provides a tiered reward system by collaborating with various recycling sites to provide financial incentives for those looking to be more sustainable, while still being affordable." - }, - { - "place": "3rd Place", - "team": "Figma Sigma Chi", - "members": [{ - "name": "Amanda Griffith", - "school": "University of North Texas - @nekobekoart" - }, - { - "name": "Brett Johnson", - "school": "University of North Texas - @brett_c_johnson" - }, - { - "name": "Khrystal Mendonca", - "school": "University of North Texas - @khrysleanna" - }, - { - "name": "Michael Romero", - "school": "University of North Texas - @mjmrla" - } - ], - "project": "Readeasy", - "description": "An app that gives high school and middle school students the ability to access their schools’ banned books and the tools necessary to fight for their education." - } -] \ No newline at end of file +[ + { + "place": "1st Place", + "team": "Ratatouille", + "members": [ + { + "name": "Stephanie Chang", + "school": "UCLA - @stephcha7" + }, + { + "name": "Michelle Kou", + "school": "UCLA - @michiskou" + } + ], + "project": "Ratatouille", + "description": "Ratatouille is an app that aims to inspire individuals to pursue a more sustainable diet in order to decrease carbon emissions. The app features alternative recipes to familiar meals so that individuals can overcome their fear of trying a new diet without any pressure or guilt. Most importantly, users can see the carbon emissions of each dish to increase awareness of the carbon footprint of certain foods. Being able to visualize the changes they’re making allows them to believe they can make a difference with small steps. In the words of Remy, the famous rat chef from the Disney movie 'Ratatouille', anyone can cook (sustainably)." + }, + { + "place": "2nd Place", + "team": "Best Team Ever", + "members": [ + { + "name": "Ashley Chang", + "school": "UC Davis - @ashhhcha" + }, + { + "name": "An Nguyen", + "school": "UC Riverside - @annguyen.ig" + }, + { + "name": "Ryan Yang", + "school": "UC Irvine - @veryfewsbux" + }, + { + "name": "Angel Yim", + "school": "UC Berkeley - @angelysy_" + } + ], + "project": "Carbonology", + "description": "Carbonology is an app that provides convenient access to important sustainability information of common household products and aims to help consumers lead a more sustainable life. By simply scanning products, users can conveniently find sustainability statistics to guide their purchase decisions. Being eco-friendly isn't that simple for everyone and we know that. Carbonology provides a tiered reward system by collaborating with various recycling sites to provide financial incentives for those looking to be more sustainable, while still being affordable." + }, + { + "place": "3rd Place", + "team": "Figma Sigma Chi", + "members": [ + { + "name": "Amanda Griffith", + "school": "University of North Texas - @nekobekoart" + }, + { + "name": "Brett Johnson", + "school": "University of North Texas - @brett_c_johnson" + }, + { + "name": "Khrystal Mendonca", + "school": "University of North Texas - @khrysleanna" + }, + { + "name": "Michael Romero", + "school": "University of North Texas - @mjmrla" + } + ], + "project": "Readeasy", + "description": "An app that gives high school and middle school students the ability to access their schools’ banned books and the tools necessary to fight for their education." + } +] diff --git a/src/assets/data/designathon/2023/prizes.json b/src/assets/data/designathon/2023/prizes.json index 4e56d99b..8ae432fb 100644 --- a/src/assets/data/designathon/2023/prizes.json +++ b/src/assets/data/designathon/2023/prizes.json @@ -1,72 +1,76 @@ -[{ - "symbol": "1st", - "label": "First place", - "prizes": [ - "Each member of the first place team will receive a $50 Visa gift card. Prize will be emailed as a link.", - "A 1-on-team remote mentorship meeting with a judge of your choice. You can utilize this session for portfolio reviews, career conversation, etc.", - "A feature on the Design at UCI website", - "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." - - ] - }, { - "symbol": "2nd", - "label": "Second place", - "prizes": [ - "Each member of the second place team will receive a $20 Visa gift card. Prize will be emailed as a link.", - "A 1-on-team remote mentorship meeting with a judge of your choice. You can utilize this session for portfolio reviews, career conversation, etc.", - "A feature on the Design at UCI website", - "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." - ] - }, { - "symbol": "3rd", - "label": "Third place", - "prizes": [ - "Each member of the third place team will receive a $10 Visa gift card. Prize will be emailed as a link.", - "A 1-on-team remote mentorship meeting with a judge of your choice. You can utilize this session for portfolio reviews, career conversation, etc.", - "A feature on the Design at UCI website", - "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." - ] - }, - { - "symbol": "Raffle", - "label": "Raffle", - "prizes": [ - "Five lucky participants will receive free merch bundles from our sponsors, Figma and Notion, as well as Adobe. All participants who submit a working prototype according to the submission requirement and prompt AND complete at least 1 entry are eligible to win. See below for ways to enter.", - "• Participate in our #just-for-fun Discord challenge = 1 entry", - "• Attend a social = 1 entry", - "• Attend a workshop = 1 entry" - ] - }, - { - "symbol": "Presentation", - "label": "Best presentation & story-telling", - "prizes": [ - "Each member of the winning team will receive a limited edition Design at UCI sticker pack.", - "A feature on the Design at UCI website", - "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." - - ] - }, { - "symbol": "Creative", - "label": "Most creative & innovative", - "prizes": [ - "Each member of the winning team will receive a limited edition Design at UCI sticker pack.", - "A feature on the Design at UCI website", - "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." - ] - }, { - "symbol": "Honorable", - "label": "Honorable Mention", - "prizes": [ - "Each member of the winning team will receive a limited edition Design at UCI sticker pack.", - "A feature on the Design at UCI website", - "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." - ] - }, { - "symbol": "Extras", - "label": "All participants", - "prizes": [ - "All participants will receive a 90-day extended trial promo code for Balsamiq Cloud." - ] - } +[ + { + "symbol": "1st", + "label": "First place", + "prizes": [ + "Each member of the first place team will receive a $50 Visa gift card. Prize will be emailed as a link.", + "A 1-on-team remote mentorship meeting with a judge of your choice. You can utilize this session for portfolio reviews, career conversation, etc.", + "A feature on the Design at UCI website", + "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." + ] + }, + { + "symbol": "2nd", + "label": "Second place", + "prizes": [ + "Each member of the second place team will receive a $20 Visa gift card. Prize will be emailed as a link.", + "A 1-on-team remote mentorship meeting with a judge of your choice. You can utilize this session for portfolio reviews, career conversation, etc.", + "A feature on the Design at UCI website", + "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." + ] + }, + { + "symbol": "3rd", + "label": "Third place", + "prizes": [ + "Each member of the third place team will receive a $10 Visa gift card. Prize will be emailed as a link.", + "A 1-on-team remote mentorship meeting with a judge of your choice. You can utilize this session for portfolio reviews, career conversation, etc.", + "A feature on the Design at UCI website", + "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." + ] + }, + { + "symbol": "Raffle", + "label": "Raffle", + "prizes": [ + "Five lucky participants will receive free merch bundles from our sponsors, Figma and Notion, as well as Adobe. All participants who submit a working prototype according to the submission requirement and prompt AND complete at least 1 entry are eligible to win. See below for ways to enter.", + "• Participate in our #just-for-fun Discord challenge = 1 entry", + "• Attend a social = 1 entry", + "• Attend a workshop = 1 entry" + ] + }, + { + "symbol": "Presentation", + "label": "Best presentation & story-telling", + "prizes": [ + "Each member of the winning team will receive a limited edition Design at UCI sticker pack.", + "A feature on the Design at UCI website", + "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." + ] + }, + { + "symbol": "Creative", + "label": "Most creative & innovative", + "prizes": [ + "Each member of the winning team will receive a limited edition Design at UCI sticker pack.", + "A feature on the Design at UCI website", + "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." + ] + }, + { + "symbol": "Honorable", + "label": "Honorable Mention", + "prizes": [ + "Each member of the winning team will receive a limited edition Design at UCI sticker pack.", + "A feature on the Design at UCI website", + "Merch from companies such as Figma, Adobe, and Notion (subject to change). Prize will be sent via mail." + ] + }, + { + "symbol": "Extras", + "label": "All participants", + "prizes": [ + "All participants will receive a 90-day extended trial promo code for Balsamiq Cloud." + ] + } ]