DEV Community

Cover image for DO Hackathon: Phase 3 - The Framework
Claro A Briones
Claro A Briones

Posted on

1

DO Hackathon: Phase 3 - The Framework

Quick tip - start with what you know


Determining the "best" framework(s) for each part of the project can be daunting, especially since there is so much to choose from. I usually brainstorm with what I know and then see if there is a technology I want to dabble in, which is what I did in this case.

The Frontend

At first I was going to shoot for an HTML5 (html, css, vanilla js) implementation for this project. However, I decided to throw caution to the wind and push myself to learn something new and try using Vue.js.

Vue.js logo

The Backend

As for the backend, I wanted to use something lightweight and relatively easy to set up. I’ve been wanting to dabble in Google’s Firebase, so that’s the route I decided to take.

Firebase logo

The Dependencies

One of the main features of the app is to display a random picture to the user. I decided to use Lorem Picsum, check it out here, this dependency has exactly what I need and is easy to implement. Kudos to David Marby and Nijiko Yonskai! Check out the source code here.

Picsum screenshot

See you on the next post!


Photo by Matthew T Rader on Unsplash


Buy Me A Coffee

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay