Skip to content

sanyamjain04/Topify

Repository files navigation

Contents

  1. Features
  2. TechStack
  3. ScreenShots

Features

  1. LRU cache : Implemented LRU cache, which will cache the last 25 played tracks and save it in new recently played playlist.

  2. Drag and Drop Playlist : User can change the tracks order in the playlist.

  3. Have liked functionality, it will create a new playlist called liked playlist and saved it there.

  4. Audio Player: Can play/pause, mute, control seekbar, next play , previous play , shuffle playlist and repeat playlist.

  5. Search Songs : Search songs

  6. Shortcut keys : Functionlities like play (space), mute (m), next song (l), previous song(j) can be accessible by keyboard keys also.

TechStack

  • NextJs, TypeScript, Tailwind, Shazam Core Api

ScreenShots

Mobile

HomePage Explore Player Liked History
sanyam-spotify netlify app_ sanyam-spotify netlify app_ (1) sanyam-spotify netlify app_ (2) sanyam-spotify netlify app_ (3) sanyam-spotify netlify app_ (4)

Desktop

HomePage

image

Explore Page

image

Player page (with Drag and Drop feature to reorder playlist)

image

Liked Playlist

image

History Page

image