# 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](https://avatars3.githubusercontent.com/u/6128107?s=200&v=4 "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](https://avatars2.githubusercontent.com/u/1335026?s=200&v=4 "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](https://picsum.photos/), this dependency has exactly what I need and is easy to implement.  Kudos to [David Marby](https://dmarby.se) and [Nijiko Yonskai](https://github.com/Nijikokun)!  Check out the source code [here](https://github.com/DMarby/picsum-photos).

![Picsum screenshot](https://cdn.hashnode.com/res/hashnode/image/upload/v1608656083328/vOShnXf7u.png)

### See you on the next post!

---

<span>Photo by <a href="https://unsplash.com/@matthew_t_rader?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Matthew T Rader</a> on <a href="https://unsplash.com/@matthew_t_rader?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>

---

<a href="https://www.buymeacoffee.com/klawrow" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
