Melody 🎵

Melody is a modern, responsive, and fully functional music streaming web application built to mirror the sleek design and user experience of industry-leading music platforms.

✨ Features

• Modern UI/UX: A beautiful dark-themed interface built with React and Tailwind CSS.
• Audio Playback: Fully custom built HTML5 audio player with scrubbing, volume control, and track skipping.
• Synced Lyrics: A dynamic right-sidebar that toggles to show real-time scrolling lyrics for the currently playing song.
• Responsive Layout: Adapts perfectly to different screen sizes with a clean 3-pane architecture.
• Authentication: JWT-based authentication flow (Login/Signup).

🚀 Tech Stack

• Frontend: React (Vite), TypeScript, Tailwind CSS, Lucide React (Icons), React Router.
• Backend: Go, GraphQL, JWT Authentication.
• State Management: React Context API for global player and auth state.

🛠️ Getting Started

Prerequisites

• Node.js (v18+)
• Go (v1.20+)

Running the Frontend

cd frontend
npm install
npm run dev

Running the Backend

cd backend
go run main.go

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📝 License

This project is open source and available under the MIT License.