InstAd

Logo Design
instAd logo

Inspiration

Since our first Hack the North, in 2022++, we were fascinated by natural language processing (NLP). We missed the way we could categorize text, determine context, and generate new content. This year, we came in with full force and with the help of the co:here NLP API, we were able to make something we think is pretty cool :)

What it does

Given a name, type, genre and keywords, this ad generator leverages the co:here and stability AI APIs to generate a matching slogan and image - coming together in a Spotify ad inspired advertisement. Combining a Figma and react frontend and a javascript and python backend, we combine both APIs to create ads, instantly.

How we built it

For the frontend, we started the conceptualization in Figma and then translated it into vanilla React.js, HTML and CSS in order to achieve the effects that we wanted. For the backend, we created a python script to generate the image by calling the stability AI API using the inputted parameters and saving the image. Another script was written in javascript for the co:here API and integrated into the backend as well. When the user gives prompts and clicks "Create", the information gets passed onto the APIs and the generated text and images are returned and displayed to the user.

Challenges we ran into

Integrating the APIs was a challenge due to different endpoints and different languages.
There was a lot of funky React things that popped up every once in a while.
Many, many formatting issues.

Accomplishments that we're proud of

Using an API that was released a few weeks ago with no documentation or projects available
Combining wildly different backends and powering through difficult problems