Skip to content

Commit

Permalink
Update Quiz Page (#1059)
Browse files Browse the repository at this point in the history 
* Update quiz.svelte

* Update UI and responsiveness on mobile.

* Remove glow effect on hover + make choice boxes to have a set size

* Fix choice boxes border on hover

* Fix formatting

* Fix responsiveness on mobile

* Remove general, icpc, marketing, nodebuds and edit the data

* fix match bug

* fix selected choice logic

* add missing team reports

* Add data for icpc, oss, game dev

* Fix errors

* Remove requirements.txt

---------

Co-authored-by: Ethan Davidson <[email protected]>
Co-authored-by: Karnikaa Velumani <[email protected]>
Co-authored-by: Karnikaa Velumani <[email protected]>
  • Loading branch information
@26samaahmed @EthanThatOneKid @karnikaavelumani
4 people authored May 3, 2024
1 parent 3f4ed0b commit 25eb546
Show file tree
Hide file tree
Showing 7 changed files with 229 additions and 172 deletions.
168 changes: 87 additions & 81 deletions src/lib/public/quiz/questions/data.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,20 +7,20 @@ export const QUIZ_DATA: QuizData = {
prompt: 'What is your biggest career interest?',
choices: [
{
content: 'Publishing research that will help millions.',
match: TeamMatch.ALGO,
content: 'Leverage algorithms and competitive programming to solve complex problems.',
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: 'Making the next generation of computer intelligence.',
match: TeamMatch.AI,
match: [TeamMatch.AI],
},
{
content: 'I want to learn every single thing about the web.',
match: TeamMatch.DEV,
match: [TeamMatch.DEV, TeamMatch.OSS],
},
{
content: 'I love to wow people with the things I create.',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN, TeamMatch.GAMEDEV],
},
],
},
Expand All @@ -29,19 +29,19 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'Talking to digital assitant.',
match: TeamMatch.AI,
match: [TeamMatch.AI],
},
{
content: 'Solving a 1,000,000 piece puzzle.',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: "Correcting people's design and art on the internet.",
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN, TeamMatch.GAMEDEV],
},
{
content: 'Making websites/apps.',
match: TeamMatch.DEV,
match: [TeamMatch.DEV, TeamMatch.OSS],
},
],
},
Expand All @@ -50,63 +50,69 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'Optimizing the project.',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO, TeamMatch.OSS],
},
{
content: 'The final product interaction.',
match: TeamMatch.AI,
match: [TeamMatch.AI, TeamMatch.DESIGN],
},
{
content: 'Creating the project',
match: TeamMatch.DEV,
content: 'Creating the project.',
match: [TeamMatch.DEV, TeamMatch.GAMEDEV],
},
{
content: 'Planning out the project.',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN, TeamMatch.ICPC],
},
],
},
{
prompt: 'What is the coolest sounding language?',
prompt: 'If you could choose one programming language, which would you choose?',
choices: [
{
content: 'Julia',
match: TeamMatch.AI,
content: 'JavaScript',
match: [TeamMatch.OSS, TeamMatch.DESIGN],
},
{
content: 'Python',
match: TeamMatch.DEV,
content: 'C++/Python',
match: [TeamMatch.ICPC, TeamMatch.ALGO, TeamMatch.AI],
},
{
content: 'JavaScript',
match: TeamMatch.DESIGN,
content: 'C#',
match: [TeamMatch.GAMEDEV],
},

{
content: 'Assembly',
match: TeamMatch.ALGO,
content: 'Only one? What am i supposed to do with that?',
match: [TeamMatch.OSS, TeamMatch.DEV],
},
],
},
{
prompt: "When you are playing a videogame, what get's on your nerves?",
prompt: 'How much collaboration do you prefer when working on projects?',
choices: [
{
content: 'The enemies are waaayyy too dumb.',
match: TeamMatch.AI,
content: 'I love working with people!',
match: [
TeamMatch.GAMEDEV,
TeamMatch.ICPC,
TeamMatch.OSS,
TeamMatch.DESIGN,
TeamMatch.DEV,
],
},
{
content: "I don't like games, they take way too much of my time.",
match: TeamMatch.ALGO,
content: 'I will work with others if asked.',
match: [TeamMatch.GAMEDEV, TeamMatch.OSS, TeamMatch.DEV],
},

{
content: 'The game is too unpolished for my taste.',
match: TeamMatch.DEV,
content: 'I would rather work solo.',
match: [TeamMatch.DEV, TeamMatch.ALGO],
},
{
content: 'My grandma can draw better on ms paint compared to these graphics.',
match: TeamMatch.DESIGN,
content: 'I do not care.',
match: [TeamMatch.DESIGN, TeamMatch.OSS],
},
],
},
Expand All @@ -115,20 +121,19 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'I will not sleep until this is done.',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: 'Let GitHub Copilot will finish my project.',
match: TeamMatch.AI,
match: [TeamMatch.AI, TeamMatch.DEV],
},

{
content: 'IF IT LOOKS LIKE IT WORKS THEN IT WORKS.',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN, TeamMatch.GAMEDEV],
},
{
content: 'Yeah it doesn’t matter, we’ll push what we have.',
match: TeamMatch.DEV,
match: [TeamMatch.DEV],
},
],
},
Expand All @@ -137,40 +142,40 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'I fear OOP.',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: 'What does that mean?',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN],
},
{
content: 'OOP is necessary.',
match: TeamMatch.DEV,
match: [TeamMatch.DEV, TeamMatch.OSS, TeamMatch.GAMEDEV],
},
{
content: 'Don’t need it.',
match: TeamMatch.AI,
match: [TeamMatch.AI],
},
],
},
{
prompt: 'What is the best ACM team color?',
prompt: 'What is your favorite way to run code?',
choices: [
{
content: 'Peaceful Purple',
match: TeamMatch.ALGO,
content: 'On my own machine/on a server',
match: [TeamMatch.GAMEDEV, TeamMatch.OSS, TeamMatch.DEV],
},
{
content: 'Emerald Green',
match: TeamMatch.AI,
content: 'In Google Collab',
match: [TeamMatch.AI],
},
{
content: 'Electric Blue',
match: TeamMatch.DEV,
content: 'In a JsFiddle',
match: [TeamMatch.DESIGN],
},
{
content: 'Precious Pink',
match: TeamMatch.DESIGN,
content: 'On leetcode/kattis/codeforce',
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
],
},
Expand All @@ -179,19 +184,19 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'Google',
match: TeamMatch.AI,
match: [TeamMatch.AI],
},
{
content: 'Amazon',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: 'Apple',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN],
},
{
content: 'SpaceX',
match: TeamMatch.DEV,
match: [TeamMatch.DEV, TeamMatch.OSS],
},
],
},
Expand All @@ -200,62 +205,63 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'VIM',
match: TeamMatch.AI,
match: [TeamMatch.AI, TeamMatch.DEV],
},
{
content: 'Google Docs',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: 'Notepad',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN],
},
{
content: 'Visual Studio Code',
match: TeamMatch.DEV,
match: [TeamMatch.OSS],
},
],
},
{
prompt: 'Why are robots awesome?',
prompt: 'When you hear about a bug in someone’s code you…',
choices: [
{
content: 'They can think faster than I do.',
match: TeamMatch.ALGO,
content: 'Suggest “Ask ChatGPT!”',
match: [TeamMatch.AI],
},

{
content: 'They are our successors.',
match: TeamMatch.AI,
content:
'Break down the problem, and offer three possible solutions before returning to your one-liner',
match: [TeamMatch.ALGO, TeamMatch.ICPC],
},
{
content: 'They are quite robust if I do say so myself.',
match: TeamMatch.DEV,
content: 'Say “Damn that sucks” and keep working on making your project beautiful',
match: [TeamMatch.DESIGN, TeamMatch.GAMEDEV],
},
{
content: 'THEY LOOK SO DAMN AWESOME',
match: TeamMatch.DESIGN,
content:
'Sit down and help them solve their problem but complain that they should just use Linux',
match: [TeamMatch.OSS, TeamMatch.DEV],
},
],
},
{
prompt: 'What’s your favorite chair?',
prompt: 'How many contributions do you have on Github?',
choices: [
{
content: 'Anything will do',
match: TeamMatch.AI,
content: 'Too many',
match: [TeamMatch.OSS, TeamMatch.DEV],
},
{
content: 'Herman Miller',
match: TeamMatch.ALGO,
content: 'More than you',
match: [TeamMatch.ICPC, TeamMatch.OSS],
},
{
content: 'Yoga Ball',
match: TeamMatch.DESIGN,
content: 'Enough to show off',
match: [TeamMatch.GAMEDEV, TeamMatch.AI, TeamMatch.DESIGN, TeamMatch.DEV],
},
{
content: 'GAMING CHAIR',
match: TeamMatch.DEV,
content: 'I keep everything locally',
match: [TeamMatch.ICPC, TeamMatch.ALGO, TeamMatch.AI],
},
],
},
Expand All @@ -264,19 +270,19 @@ export const QUIZ_DATA: QuizData = {
choices: [
{
content: 'Water',
match: TeamMatch.AI,
match: [TeamMatch.AI, TeamMatch.DEV],
},
{
content: 'Soda',
match: TeamMatch.ALGO,
match: [TeamMatch.ALGO],
},
{
content: 'Boba',
match: TeamMatch.DESIGN,
match: [TeamMatch.DESIGN, TeamMatch.AI],
},
{
content: 'Coffee',
match: TeamMatch.DEV,
match: [TeamMatch.DEV, TeamMatch.GAMEDEV, TeamMatch.OSS],
},
],
},
Expand Down
10 changes: 9 additions & 1 deletion src/lib/public/quiz/questions/types.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,25 @@ interface Question {
choices: Choice[];
}

export interface QuizResponse {
choiceIndex: number;
matches: TeamMatch[];
}

export enum TeamMatch {
ALGO = 'Algo',
DEV = 'Dev',
DESIGN = 'Design',
AI = 'AI',
OSS = 'OSS',
GAMEDEV = 'Game Dev',
ICPC = 'ICPC',
TEAMLESS = 'N/A',
}

export interface Choice {
content: string;
// Where the choice is an index number for use in quiz.svelte
// ai => 0, dev => 1, design => 2, algo => 3, N/A => 4
match: TeamMatch;
match: TeamMatch[];
}
Loading

0 comments on commit 25eb546

Please sign in to comment.