In this article I want to show you the artwork I created for this month's DO Hackathon.
After reading the requirements and seeing the available categories, I had wanted to do a very stupid application related to potatoes for a long time, so I decided to choose as a category:
Random Roulette: Build a wacky app that doesn’t fit into one of the categories above. Looking for some truly silly and/or fun submissions.
Since the main objective was to have a few laughs and, why not, learn something new while doing it, I thought of creating an application to randomly generate your potato mood of the day.
The moods I have prepared for this first version are:
- In love
- Thug life
- COVID mask
To give the application a more childlike and fun look I have created this background
and exporting it to svg, I have animated it by playing with opacities and transition begin time:
<animate attributeType="CSS" attributeName="opacity" dur="2.5s" repeatCount="indefinite" values="0.25;1;0.25" begin="2s" />
The final result will be:
Once the basic assets for our application were created, I decided to go ahead and have everything ready to share on social networks and to install the PWA on our device.
So I prepared the favicons for our app, choosing laughing emoji as the logo:
And a card to share on social networks:
In the next post, I will tell you about the progress I have been making in terms of the code, in which I am using NuxtJS with its PWA module and with the static SPA mode 🎇
I hope you find the result fun, because doing so is ✨🥔