sticker wizard!

Sticker wizard is a sticker vending machine with a twist: you don't get to choose which sticker you get. Instead, you'll scan the QR code, take the "which robot are you?" personality quiz, and then receive the sticker you deserve (along with a free personality analysis). This tutorial will walk you through making your own vending machine from scratch, along with a web application that allows you to operate your machine from any device.

This repository contains the web app user interface for the device, built with Svelte. For instructions on how to build sticker wizard from start to finish, see the codelabs walkthrough.

Svelte setup instructions

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

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

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Webserver module configuration

Attributes

The following attributes are available for this model:

Name	Type	Inclusion	Description
port	integer	Optional	Configure the port the webserver listens on. Default is 8888

Example configuration:

{
  "port": 33333
}