/samespace-assessment

Primary LanguageTypeScript

SPOTIFY MUSIC PLAYER


Deployed Link - https://spotify-clone-minimal.vercel.app/

DESCRIPTION

This is a music player application built using React JS and GraphQL. The interface matches the given design and is responsive for smaller screens. The application allows users to search for songs, play/pause, skip to next/previous tracks, and control music via a seeker. The background gradient color changes according to the cover image of the song as shown in the design.

Setup

  1. Clone this repository.
  2. Open the terminal and navigate to the folder.
  3. Run the following command to install dependencies:
npm install
  1. Run the following command to run the application:
npm run start

TECH-STACK

  • For Frontend :

    • HTML5
    • CSS3
    • TypeScript
    • ReactJS
    • Graphql
    • Apollo Client

  • For Styling :

    • TailwindCss

  • For Deploy : -

    • Vercel

FEATURES

Serial No Feature
1 Interface matches given design
2 Responsive design for smaller screens
3 Uses GraphQL to load list data
4 Background gradient color changes according to cover image of song
5 Fluid and interactive interface with animations/transitions
6 Functionality includes search, music control, tab change, and music seeker
7 Keyboard accessible
8 Debounce search