The Shrimp-Encoder

The Shrimp-Encoder

18 devlogs
11h 57m
•  Ship certified
Created by Aris

This is a website where you can encode text in different ways, but they are all shrimp encodings.
What does that mean you ask? Well it's your standard encoding methods but 🦐

Timeline

Earned sticker

one last devlog on the last day: fixed a styling issue preventing the qrcode to be shown in full on desktop

Update attachment

Ship 1

1 payout of shell 213.0 shells

Aris

about 1 month ago

Aris Covers 17 devlogs and 11h 32m

updated the notes and their styling one last time and now ready to ship :3

Update attachment
Earned sticker

Polished some stuff and added a notes section for information about the limits/usage of the encodings (yes i know a qr code is not technically an encoding)

Update attachment

this one was a little more tedious to implement but now there is a base64 based encoding :D

Update attachment
Earned sticker

that was something.. i didn't think that my styling would be so ward to get to work on mobile but now it seems to be working :D
I just need to fix up some bugs and maybe add another encoding and then I am ready to ship YAY

Update attachment

wow, adding morsecode was surprisingly easy after the refactor.
Now I want more encodings 🦐

Update attachment
Earned sticker

I refactored the en-/decoding components into one coder component so adding another encoding wouldn't cause so much duplicated code. Maybe I can even finish the morsecode encoding today

Update attachment
Earned sticker

Fixed some bugs and made the qr code scale with the viewport size and not a static pixel witdh

Update attachment
Earned sticker

I used my time today to get that download button working, fix a bug where the copy/download button wouldn't give you the most up to date version and got a slider working for the error correction level of the qr code

Update attachment
Earned sticker

I rewrote the logic for the qr code generation (more accurately qr code conversion) to output into a canvas so now it scales better and I can now hopefully extract an image that i can let the user download to actually use the qr code

Update attachment
Earned sticker

I got some bugs fixed, added a copy button and made the entered text for the binary encoding stay when switching tabs.
Also i added a to-do list. My brain was working kinda slow today.. but I am excited for tomorrow :D

Earned sticker

I managed to shrimpify the QRCodes
YAY

Update attachment
Earned sticker

I added the ability to use the buttons to switch between coders and added a QR-code generator. Unfortunately there is no shrimp in the QR-gen yet.. :'(
I'll hopefully get that added by the next devlog

Earned sticker

Now the user is able to switch between en- and decoding and decoding even works!! 🦐

Update attachment
Earned sticker

I added the first encoding: The Binary Shrimp. YAY 🦐
Now I just need to figure out how to decode that again...

Update attachment
Earned sticker

Today I made the encoding selection scrollable and added a toggle for encoding and decoding text. I borrowed some internet code for this but needed to heavily modify it to work for my usecase. It looks pretty, now I just need to implement it better to see if it is also praticall.

Update attachment
Earned sticker

I began adding a basic layout for the en-shrimping interface. No clue how i will make this work on mobile but I'll figure something out later.

Update attachment
Earned sticker

So, I got the project setup and added a shrimp fav icon. Now the fun can begin. I have a bunch of different encoding methods I want to explore and somehow turn into shrimp.
Stay tuned 🦐

Update attachment