A web app for generating QR voting links

I built a stand-alone site for generating links and QR codes to the voting pages. The use case is to quickly navigate to the voting page from a phone and bookmark it for use.

https://ml-vote.geospiza.me/





Source: https://bitbucket.org/geospiza/geospiza.me/src/main/apps/ml-vote/
You can also look in the developer console for the source code:

Spoiler: Developer Console

And since this is a programming section, I'm pretty happy with svelte for hacking together sites like this quickly (this took me 20 minutes of coding total). The main piece of logic looks like this:

Code:

let username;
let gtopQR;
let topgQR;
$: gtop = `https://gtop100.com/topsites/MapleStory/sitedetails/MapleLegends-The-Old-School-MapleStory-Server-MAC-Compatible-16-9-Client-No-Hackers-87398?vote=1&pingUsername=${username}`;
$: topg = `"https://topg.org/maplestory-private-servers/in-605064-${username}`;
$: QRCode.toDataURL(gtop).catch(console.log).then(data => (gtopQR = data));
$: QRCode.toDataURL(topg).catch(console.log).then(data => (topgQR = data));

There's not too much to it I'm thinking of adding this to the webextension that I've been building, which also uses svelte for creating content that gets injected into the main site.

 

The syntax definitely has some of those Jinja vibes from Flask.

I give it a strong recommendation if you ever fancy building a small website/tool. Svelte is niche, but it feels lighter-weight than similar tools like React.