Streamget (Streaming Widget - Spotify) - ⚒ Work in progress

This is a Spotify widget for streamer works with (OBS, streamlabs, etc). user can insert and get their current play song into their streaming layout.

Table of contents

• Streamget (Streaming Widget - Spotify) - ⚒ Work in progress
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Design
    • Built with
  • Author
  • ⚒ Usage
    • 👥 Clone the repo
    • 🔐 Setup .env
    • 📦 Install dependencies
    • ✨ Start/Run the app

Overview

The challenge

Users should be able to:

• Sign in with their spotify account
• Setup & styling the widget.
• See their spotify currently playing song
• Get the widget url for their streaming apps.

Screenshot

Links

• Repo URL: Github

• Live Site URL: Live on Vercel

My process

Design

• Mockup design with Figma

Built with

• Semantic HTML5 markup
• Next JS - JS Framework
• Typescript - JS but cooler
• Tailwind - For styles
• Spotify API - API

Author

• Website - Metker
• Frontend Mentor - @metkerr
• Twitter - @metkerr

⚒ Usage

👥 Clone the repo

$ git clone https://github.com/metkerr/streamget.git

🔐 Setup .env

$ touch .env.local

Insert env data:

CLIENT_ID=INSERT_YOUR_CLIENT_ID_HERE
CLIENT_SECRET=INSERT_YOUR_SECRET_HERE
NEXTAUTH_URL=http://localhost:3000/api/auth
NEXTAUTH_SECRET=streamget

you can get your CLIENT_ID & CLIENT_SECRET from spotify developer dashboard

📦 Install dependencies

$ cd streamget
$ npm install

✨ Start/Run the app

$ npm run dev