Arijit Roy
radioactive11's Blog

radioactive11's Blog

Introducing Vinyl, scribble for Music ๐Ÿ’ฟ

Introducing Vinyl, scribble for Music ๐Ÿ’ฟ

Arijit Roy's photo
Arijit Roy
ยทSep 30, 2022ยท

2 min read

Table of contents

  • Introduction
  • How to play
  • How we built it
  • Screenshots ๐ŸŒƒ
  • Links ๐Ÿ”—:

Introduction

image_2022-10-01_02-49-19.png

Ever heard of a song and spent a few seconds remembering its name? Well, we made a game out of it ๐Ÿ˜Ž.

Introducing Vinyl, a multiplayer song guessing game in which the first one (three people actually) to guess the name of the song from its 30 second preview wins.

How to play

Playing vinyl is easy and simple. All you need to do is:

  1. Create a room
  2. Invite some friends (using the invite link)
  3. Choose your Spotify playlist (or from our Handpicked ones )๐ŸคŒ๐Ÿฝ
  4. Choose the number of rounds
  5. Guess the song before everyone else

How we built it

Thanks to AWS Amplify, we were able to convert out idea to code and deploy with ease โœŒ๐Ÿฝ

Design โœจ

Using Figma to Code, we generated React code to convert our design to components which acted as a base for the entire projects.

Screenshot 2022-09-30 at 11.49.10 PM.png

Database ๐Ÿ—ƒ

In order to save Playlists and generate a schema for the database, we used Amplify Studio's Data modelling feature

Screenshot 2022-09-30 at 11.48.03 PM.png

Hosting ๐ŸŒŽ

We used Amplify to host out Next.js application

Screenshots ๐ŸŒƒ

image_2022-10-01_01-52-28.png

Screenshot 2022-09-30 at 11.49.10 PM.png

image_2022-10-01_02-49-19.png

Links ๐Ÿ”—:

Link to application: vinyl-client.vercel.app

ย 
Share this