Random potato mood generator - DO App Platform

I'm writting about FrontEnd and working hard on the open-source to create more value for the web community. ๐ฆธ
#NuxtJS #Storyblok Ambassador
#GoogleDevExpert in Web
#Vue #Tailwind
In this post I want to tell you about the Potatizer application I've created for the DigitalOcean App Platform Hackathon at DEV.
Artworks
In the article you can find below, I show you the artwork I created for the DigitalOcean App Platform Hackathon.
You'll find:
- The idea: why a potatizer.
- Illustrator artworks: potato emojis, potato background.
- SEO assets: potato social media share image and favicon.
Read here -> Artworks for the DigitalOcean App Platform Hackathon

Random potato mood generator
After showing you the artwork for the app in the previous post, in this one I tell you about the configuration of my Nuxt project with TailwindCSS.
Also, I tell you how I created an easy roulette effect, with a component in Vue and how to test it using Jest.
You'll find:
- Create nuxt app: First configuration.
- RandomPotatizer: how the component was developed.
- Unit testing: Unit testing our RandomPotatizer component.
Read here -> Random potato mood generator using Nuxt and TailwindCSS

Deploy to DigitalOcean
In this post, I tell you the last steps to be able to deploy potatizer online. With the help of App platform. ๐
You'll find:
- Deployment process: DigitalOcean App Platform for static sites.
- Deploy to DO button: cool way to autodeploy open source code.
Read here -> Deploy Potatizer to DigitalOcean

Code & Demo
Demo -> Potatizer Online
Repository -> https://github.com/Dawntraoz/potatizer
Designed and developed by Dawntraoz with all her love ๐





