thumbnail

Loto Digital Version - First Group JS Game

HTMLCSSJavaScript (Vanilla)

A beginner-friendly digital adaptation of the classic bingo game 'Loto', developed using only HTML, CSS, and JavaScript. This project marked our first real hands-on experience with web development.


Project Overview

Loto Digital Version is a web-based interpretation of the classic bingo-style game “Loto”, developed during our early learning phase. It was our very first collaborative coding experience, and served as an introduction to the fundamentals of JavaScript-driven interactions, DOM manipulation, and game logic.


Technical Development

- Frontend Stack: The project was entirely developed using HTML, CSS, and vanilla JavaScript — no libraries or frameworks.
- Game Logic: The core of the app includes number drawing, player grids, and basic win condition handling.
- Team Collaboration: Built in a group setting, the project emphasized learning to organize files, divide responsibilities, and test features together.


Features

- Dynamic Game Grid: Players receive randomized Loto cards with numbers.
- Number Draw Animation: Numbers are drawn at random and highlighted if present on the player’s card.
- Simple UI: Clean, user-friendly interface aimed at ease of use.
- Lightweight & Offline Ready: Runs without any backend or dependencies.


Highlights

- First JavaScript Project: Served as our gateway into real-world coding logic, events, and conditions.
- Group Effort: Introduced us to collaborative coding practices and version control basics.
- Fun & Replayable: Despite its simplicity, the game remains enjoyable and engaging.


Conclusion

Loto Digital Version was a milestone in our journey as developers. It helped us grasp the foundational skills of frontend development and paved the way for more advanced projects later on.


Live Preview