DEV Community

Medea
Medea

Posted on

7 1 2

Svelte TimeTable Game

A few days ago, I decided to learn Svelte and SvelteKit.

Now I've made a simple TimeTable game with Svelte.

You can check out it's GitHub repo here:

TimeTable Game

What features does it have?

This is a game where you have a minute to answer as many timetable questions as you can.

You have an option to select which timetables you want to appear.

At the end of the game, you can see how many questions you got right and wrong, and a graph which shows how many questions you have answered each second also appears.

How was it made?

This game is made using Svelte and SvelteKit, so it uses HTML, CSS and JavaScript.

It is hosted by Netlify.

How did you get the idea of making this?

Since I first played TTRockstars, I've always wanted to make a game like this.

So when I started learning Svelte and needed a project idea, I decided to make this.

Where can I play it?

You can play the game here.

Or you can…


What features does it have?

This is a game where you have a minute to answer as many timetable questions as you can.

You have an option to select which timetables you want to appear.

At the end of the game, you can see how many questions you got right and wrong, and a graph which shows how many questions you have answered each second also appears.

How was it made?

This game is made using Svelte and SvelteKit, so it uses HTML, CSS and JavaScript.

It is hosted by Netlify.

How did you get the idea of making this?

Since I first played TTRockstars, I've always wanted to make a game like this.

So when I started learning Svelte and needed a project idea, I decided to make this.

Where can I play it?

You can play the game here.

Or you can clone this repository, and run npm run dev to play it locally.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (2)

Collapse
 
ant_f_dev profile image
Anthony Fung

Very cool - thanks for sharing!

It's nice that we can enter the answer using both the mouse and keyboard. However, only the numbers on the top row of the keyboard worked for me. Would it be possible to allow entry from the number pad too?

Collapse
 
vulcanwm profile image
Medea

oh right i forgot about the number pad (since i use a laptop lmao).
i'll add it soon, just need to figure out the keycodes of the numpad

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more