Hooked: Spotify Clone

A web application built with React.js that serves as a music player, emulating the functionality of Spotify. Experience a seamless music streaming experience, showcasing playlists, and offering controls for play, pause, skip, and volume adjustment.

Key Features

• Playlist Display: Browse through playlists with ease.
• Music Controls: Play, pause, skip tracks, and adjust volume seamlessly.
• Spotify API Integration: Utilizes the Spotify Web API for authentication and fetching music data.
• Styled with Styled-Components: Aesthetic styling using the styled-components library.
• Context API: Efficiently manages state and shares context across components.
• Material UI: Enhances the UI with Material Design components.

Demo

Hooked.Demo.mov

Technologies Used

• React.js: Building the frontend components.
• Styled-Components: Styling the application for an appealing look.
• Context API: Efficiently managing state and sharing context.
• Spotify Web API: Authentication and fetching music data.
• Material UI: Enhancing UI with Material Design components.

How to Run Locally

1. Clone the repository.
2. Install dependencies using npm install.
3. Set up your Spotify Developer account and obtain API keys.
4. Configure environment variables.
5. Run the app using npm start.

Explore the world of music with the Spotify Clone!