Self-directed project
Frontend Engineering with Prediction Game
Junior Front-End Engineer · Software Engineering · July 2026
A ProoV case study · educational project, not employment
Built a complete World Cup prediction game end to end: rendered the fixture board, scored picks with the exact 5/2/0 rules, computed team strengths from real historical results, and used those strengths to drive a bot predictor. Also implemented a persistent ranked leaderboard and shipped the finished game to a live Netlify URL.
Graded against
- Scoring engine correctness30%
- Prediction model genuinely from real data25%
- Game completeness and leaderboard soundness25%
- Shipped and shareable: live deployed URL20%
Passed · pass mark 60/100
What stood out6
- Rendered each fixture as a card with two numeric score inputs and visible team/date metadata
- Implemented scorePick with correct exact/result-only/wrong-result behavior, including draws
- Computed team attack/defense strengths from a real-results sample and used both teams' strengths in botPredict
- Persisted leaderboard rows to one localStorage key and re-sorted them on reload
- Leakage-Free Feature Engineering
- Honest Model Evaluation
The work I submitted18 tasks
10 tasks · 12 lines · JavaScript, HTML · 8 written answers · 677 words
- Lab Orientation669 characters
- Act1 Fixtures FormJavaScript · 3.4k characters
- Example Score PickJavaScript · 713 characters
- Act2 Scoring FunctionJavaScript · 2.6k characters
- Act3 Compute Strength108 characters
- Act3 House Bot108 characters
- Example Save Rank ReadonlyHTML · 3.5k characters
- Act4 LeaderboardJavaScript · 2 lines
- Act5 Assemble2 lines
- Final Submission89 characters
- Lab Orientation65 words
- Act1 Fixtures Form143 words
- Example Score Pick85 words
- Act2 Scoring Function114 words
- Act3 Compute Strength1 word
- Act3 House Bot1 word
- Example Save Rank Readonly130 words
- Act4 Leaderboard138 words
Summarised on purpose — the submitted code and writing stay private so this page cannot be reused as an answer key. The full submission sits behind the verified certificate.