Arijit Roy
radioactive11's Blog

Follow

radioactive11's Blog

Follow
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