Built a simple picture memory app (game).
App will display a random image for certain amount of time, then the user is prompted to describe what they saw in under 200 characters. The result view will display the captured input and original image so they can compare.
Like it was mentioned in my initial post of the series, the app was my wife's idea. The inspiration came from memory card games we play with our kids.
This is the first time I use the DigitalOcean's platform. I have to say using the App Platform was easiest part of this project. I connected my GitHub repo, selected a pricing plan and deployed! 💥
The app is built using Vue, which was a new framework for me to explore. Initially I was going to use Firebase for the backend. However, since I wanted to implement the "Deploy to DO" button I decided against using Firebase.
I used Lorem Picsum for getting the random images and used Axios to get the source URL. This was so I can render the image on the Result view.
Want to send a huge thanks to DEV and DigitalOcean for hosting this hackathon, I learned a lot along the way. I'm already thinking of ways to improve my app and other cool projects I can build using the DO App Platform.
Good luck to everyone who participated!