La Grabola, a musical prize machine

La Grabola is a game designed and built with HTML and CSS, with its logic in JavaScript, on top of the SvelteKit framework. It simulates the claw machine used to grab a ball, with the twist that opening it plays a YouTube music video.

How to use it:

La Grabola is licensed under MIT and built for educational and personal purposes, to sharpen my skills. You can download it for free from my GitHub repository and reuse it for your own projects. Keep in mind you’ll need at least basic Node.js knowledge.

Here’s how to set it up for development and build it for production.

Development:

Once you’ve downloaded the app and installed the dependencies with npm install (or pnpm install or yarn), start a dev server:

npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open

Production:

Before creating a production build of your app, install an adapter for your target environment. Then:

npm run build

You can preview the built app with npm run preview, regardless of whether you installed an adapter. Don’t use this to serve your app in production.