Musicly is a Next.js-based web application that allows users to stream and manage their music playlists effortlessly. The project provides a modern and intuitive interface with authentication and cloud-based storage, offering users a seamless experience to enjoy their favorite music.
- User Authentication: Secure login and account management.
- Playlist Management: Create, edit, and delete playlists.
- Music Streaming: Play songs in real-time with a responsive player.
- Search Functionality: Easily find songs and albums.
- Responsive UI: Optimized for all screen sizes.
- Frontend: Next.js, React, TypeScript
- Styling: Tailwind CSS for a responsive UI
- Authentication: Supabase for user login
- Database: Supabase for storing user data
- Hosting: Vercel for deployment
Before you begin, ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/IsThisHarsh/musicly.git cd musicly -
Install dependencies:
npm install
-
Configure environment variables:
- Rename
.env.exampleto.env.local - Add Firebase API credentials (API key, auth domain, project ID, etc.)
- Rename
-
Run the development server:
npm run dev
-
Open the application:
Navigate tohttp://localhost:3000in your browser. -
Sign up or log in to access music streaming features.
-
Create and manage playlists, and start streaming your favorite songs.
User dashboard displaying playlists and music player.
Responsive music player with playback controls.
Contributions are welcome! Follow these steps to contribute:
- Fork the repository.
- Create a new feature branch (
feature/my-feature). - Commit and push your changes.
- Submit a pull request for review.
This project is licensed under the MIT License. See the LICENSE file for details.
For further details, visit the repository: Musicly GitHub Repo.