AlexRdz He/Him • Father • Husband • Chicano

Lotería

Another fun Covid project. I challenged myself to complete this in a weekend. It can use some improvements but overall, I think it came out pretty good for just under 20 hours of work. This was created using a json store as a backend and NextJS for the front. Lotería is a Mexican game of chance similar to Bingo.

loteria login page

Playig Card

When a player registers, they are given a randomly generated card. Users can get a new card using the pink button, clear thier card with the white button, and declare ¡Lotería! when they’ve won using the green button.

If you notice, when a player clicks the card, a pinto bean appears over it. This is a nod back to when I played with my family. Beans were commonly used to mark a card.

Dealer View

This is the view the dealer sees. Pretty simple process… the dealer clicks the deck of cards and they are displayed for verification when someone declared ¡Lotería!.

Verification

When someone clicks the green button declaring a win, the dealer can verify they won by clicking a button to view the player’s card(s).

loteria verification

View the app here