DEV Community

Cover image for DO Hackathon: Blokii Image Maker - Defining the Project
Rachel
Rachel

Posted on

2

DO Hackathon: Blokii Image Maker - Defining the Project

The App

The goal of the Blokii Image Maker is to allow users to easily generate an image that enables them to download and create a blog post with common tech frameworks they're writing about.

Defining the Features

As I planned this project, I wanted to define what done would mean for this hackathon, otherwise I tend to use my time inefficiently. For the purpose of this hackathon, I decided done would mean the following:

The user interface can do the following:

  • Enable the user to add a title
  • Enable the user to add a subtitle
  • Enable the user to add a byline
  • Enable the user to select a font family for the text
  • Enable the user to change the fill and stroke color of the text
  • Enable the user to add technologies
  • Select image from Unsplash
  • Download the final image from the website
  • Deploy site as a static SPA

The server can do the following:

  • Proxy unsplash searches and downloads from the frontend with the Unsplash API auth token
  • Deploy to Digital Ocean as an App Droplet.

Once the goals were defined, I could start checking off the tasks one-by-one.

Let's see how things go...

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free