STAY LEARNED STAY INSPIRED

🎧 Spotify Clone — Hackathon Project

🚀 Overview

A modern Spotify Clone built with a scalable architecture and professional web development stack. This project delivers a fast, responsive, and personalized music streaming experience with real-time interactions, smooth UI, and intelligent recommendations.

✨ Features

🎵 Music Streaming Interface
📂 Playlist Creation & Management
🔍 Search Songs & Artists
❤️ Like & Save Songs
📱 Fully Responsive Design
⚡ Fast Loading & Smooth Animations
🎧 Audio Player Controls (Play / Pause / Next / Previous)

🛠️ Tech Stack

Frontend

React.js
TypeScript
Tailwind CSS
Vite

Backend

PHP
REST API
MySQL Database

Tools & Libraries

Axios
React Router
Framer Motion
Howler.js (Audio Engine)

🧠 Key Highlights

Built using modern React architecture
TypeScript for type safety & scalability
REST API integration with PHP backend
Optimized performance & clean UI
Hackathon-ready MVP with production-level structure

📦 Project Structure

src/
 ├── components/
 ├── pages/
 ├── hooks/
 ├── services/
 ├── assets/
 └── utils/

🎯 Goal

To create a fast, scalable, and user-friendly music streaming platform that demonstrates modern web development practices and real-world application architecture.