DEV Community

Cover image for Semblance - Azure Trial Hackathon Submission
Deepto
Deepto

Posted on

3 2

Semblance - Azure Trial Hackathon Submission

Overview of My Submission

Semblance is a web based game, where you have to correctly describe an image using a word. You have 3 chances to guess every image, after which you lose one life out of five. I have used the Random Image API to fetch images and then used Azure's Computer Vision Service to generate tags for the image. The user must guess one of these tags. I used Golang for the server and APIs and built the UI using Webflow.

Submission Category

Wacky Wildcards, AI Aces

Live Link

https://semblance-game.herokuapp.com

Link to Code on GitHub

GitHub logo deepto98 / semblance-game

Semblance is a web based game, where the user has to describe random images in one word.

Semblance

Semblance is a web based game, where you see an image, and have to describe it in a word.

Screenshot

Stack

  • Golang to create the server, run the game, use external APIs and for HTML templating
  • Random Image API to fetch a random image via a http request
  • Azure Cognitive Services' Computer Vision API to generate tags for each image
  • For the UI, I used Webflow, much improvement is needed there though πŸ˜‚

Local Installation

  1. To run Semblance locally, you must have access to an Azure Computer Vision instance, you can create one from here Once created, get the API Key and Endpoint from Resource Management > Keys and Endpoint

  2. If Go isn't installed, set it up following this

  3. Clone this repository, via HTTPS or SSH

    git clone https://github.com/deepto98/semblance-game.git
    
  4. Open .env and add your api key and endpoint

    # Add the Computer Vision key here
    COMPUTER_VISION_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    # Add the Computer Vision
    …

SCREENSHOTS

  1. Game starts Game starts
  2. Wrong Guess Wrong Guess
  3. Second Guess Entered Second Guess Entered
  4. Correct Answer Correct Answer Do check it out πŸ˜€

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free β†’

πŸ‘‹ Kindness is contagious

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

Okay