Melodif is a modern, AI-powered music streaming application designed to help you discover, organize, and enjoy music like never before. Built with a cutting-edge tech stack, it offers a seamless and beautiful user experience.
- 🎧 AI-Powered Recommendations: Get personalized music suggestions based on your listening habits.
- 🤖 Smart Playlist Creation: Automatically generate compelling playlist descriptions with AI.
- 🎨 Modern UI/UX: A sleek, responsive, and intuitive interface built with Next.js and ShadCN UI.
- 📚 Comprehensive Library: Easily manage your favorite songs, albums, artists, and playlists.
▶️ Full-Featured Player: A persistent music player with shuffle, repeat, and volume controls.- 👤 Customizable Profiles: Create and personalize your user profile with a banner, avatar, and bio.
- 📊 Listening Analytics: Visualize your music habits with an interactive analytics dashboard.
- 💬 AI Chat Assistant: Get music recommendations and answers to your questions from an integrated AI chatbot.
Here are some features planned for the future of Melodif:
- 🎤 Live Lyrics: Real-time synchronized lyrics for your favorite tracks.
- 🎉 Social Listening: Create collaborative playlists and host listening parties with friends.
- ☁️ Enhanced Offline Mode: Automatic caching of your most-played songs and playlists.
- 🔗 More Integrations: Connect with more of your favorite music services to import your library.
- 💡 Advanced AI Features: AI-powered concert recommendations and artist deep dives.
- Framework: Next.js (App Router)
- UI Components: ShadCN UI
- Styling: Tailwind CSS
- Generative AI: Google's Gemini via Genkit
- Language: TypeScript
- Deployment: Firebase App Hosting
To get this project up and running on your local machine, follow these simple steps.
Make sure you have Node.js and npm (or yarn/pnpm) installed on your system.
- Clone the repository:
git clone https://github.com/your-username/melodif.git
- Navigate to the project directory:
cd melodif - Install dependencies:
npm install
- Run the development server:
npm run dev
Open http://localhost:9002 with your browser to see the result.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
This project is licensed under the MIT License. See the LICENSE file for details.
Built with ❤️ by Shubham Nayak in Firebase Studio.