Spotify Clone

Introduction

This project is a Spotify clone, meticulously crafted to emulate the core features of the popular music streaming platform. It showcases modern web development techniques and seamless integration with third-party APIs.

Images

Demo

Key Feat

• User authentication (login/logout)
• Display of song lists
• Currently playing song information
• User profile information
• Song search functionality
• Responsive mobile UI
• Resizable sidebar (drag and drop)

Tech Stack

• Next.js
• TypeScript
• Tailwind CSS
• Spotify API
• Next-Auth
• Jest (for unit testing)
• React Testing Library (for component testing)

Installation

1. Clone the repository:

2. Navigate to the project directory:

3. Install dependencies:

4. Create a .env.local file and add necessary environment variables (e.g., SPOTIFY_CLIENT_ID, SPOTIFY_CLIENT_SECRET)

5. Run the development server:

Usage

1. Open your browser and navigate to http://localhost:3000
2. Log in with your Spotify account
3. Explore and enjoy the application features!