Gambling Svelte Themes

Gambling

Frontend basics final project. An imaginary gambling app xd. Currently wip

Name

Lassi Lahtonen

The name of the project

Ballgame

Basic functioning

  1. You click start
  2. You submit 8 numbers between 1-20 (can be repetitive numbers). Use enter for faster submitting!
  3. 8 random numbers are drawn. The box below will indicate whether you won or not
  4. Check your results on the results page!
  5. Play again if you want

The app includes extra things like balance and bank system, weather in Europe -modal and tutorial for playing

Sources

No arrows for input box type "text": https://stackoverflow.com/questions/13107118/how-to-remove-the-arrows-from-inputtype-number-in-opera

Huge shoutout to: https://www.youtube.com/@slayingthedragon

Media queries: https://youtu.be/K24lUqcT0Ms?si=qxbzL380AaoeDJVP

Random number: https://stackoverflow.com/questions/4959975/generate-random-number-between-two-numbers-in-javascript

Async: https://stackoverflow.com/questions/58177666/how-to-print-a-list-with-a-delay-between-each-item-in-html

Includes-method: https://www.w3schools.com/jsref/jsref_includes_array.asp

Transitions: https://svelte.dev/docs/svelte-transition#slide

Specific key press: https://teamtreehouse.com/community/how-do-i-make-an-event-happen-when-pressing-a-specific-key

More help for detecting specific keypress: https://www.w3resource.com/javascript-exercises/event/javascript-event-handling-exercise-9.php

Scroll bar for modals: https://stackoverflow.com/questions/25874001/how-to-put-scroll-bar-only-for-modal-body

Rest API: https://open-meteo.com/en/docs/metno-api#current=temperature_2m&hourly=&timezone=Europe%2FLondon

Course materials (not publicly available)

Usage of AI

I think I only used AI once or twice, and the only usage for it was for checking how to do a very specific styling in css. This was because I didn't know how to search info for them (since they were so specific).

Time used on making the project

In total I believe I used around 40-50 hours on making the app in the span of a month.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes