Musika is a feature-rich music player web application built with modern technologies. It provides an immersive music listening experience with real-time social features through Socket.IO, secure authentication via Clerk, and an intuitive user interface designed with Tailwind CSS and Shadcn components.
|
Seamless playback with intuitive controls for next/previous tracks and volume adjustment |
Engage with other users through an integrated live chat system |
See who's online and what they're listening to in real-time |
|
Manage albums and songs through an intuitive admin interface |
Track user activity and music listening trends |
Powered by Clerk for safe and seamless user authentication |
# Clone the repository
git clone https://github.com/akosikhada/musika.git
cd musika
# Frontend setup
cd frontend
npm install
cp .env.example .env.local # Configure your environment variables
npm run dev
# Backend setup (in a new terminal)
cd backend
npm install
cp .env.example .env # Configure your environment variables
npm run devVITE_API_URL=http://localhost:5000
VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
PORT=5000
MONGODB_URI=your_mongodb_connection_string
CLERK_SECRET_KEY=your_clerk_secret_key
Musika's interface is inspired by modern music streaming platforms, with a focus on usability and aesthetics.
Design references:
Musika follows a client-server architecture:
- Frontend: React application with TypeScript for type safety
- Backend: Node.js server with Express.js for API endpoints
- Database: MongoDB for storing user data, songs, and albums
- Real-time Communication: Socket.IO for chat and presence features
This project is licensed under the MIT License - see the LICENSE file for details.
Special thanks to the developers and contributors of all the tools and libraries that made Musika possible.