DEV Community

Cover image for Semblance - Azure Trial Hackathon Submission
Deepto
Deepto

Posted on

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 πŸ˜€

Top comments (0)