Lingo is a word-guessing game that blends the mechanics of Wordle and Bingo. This was my first ever group project during my first year at PXL. A key constraint of the project was to avoid using any existing JavaScript frontend frameworks, focusing instead on outputting raw HTML, CSS, and JavaScript. This project also marked the first time I worked in a .NET API codebase, providing a solid introduction to backend development.
Players start by guessing a word. If a letter is correct and in the right position, it turns red. If it's correct but in the wrong position, it's highlighted with a yellow circle.
Guessing a word correctly allows the player to draw a ball from the "Lingo" machine, which corresponds to a number on their bingo-style card. The goal is to complete a line on the bingo card (a "Lingo") while competing against other players.
The game also features a "Quizmaster" mode and various screen states for managing multiple games and game sessions. The project emphasizes vanilla JS for DOM manipulation and state management without the help of modern frameworks like Vue or React.
- Vanilla Core: No frameworks, pure HTML/CSS/JS.
- Game Mechanics: Dynamic Wordle-like feedback and Bingo board integration.
- Group Collaboration: My first experience working in a team of four to deliver.
PXL Evaluation Manager