Skip to content

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

About

Topify built with NextJS and TypeScript

Topics

Resources

Stars

37 stars

Watchers

1 watching

Forks

Used by

Contributors

Languages