Skip to content

GovardhaneNitin/musically

Repository files navigation

Musically 🎵

Welcome to Musically, your go-to music application with a clean and fully responsive UI, bringing the magic of music to your fingertips.

Preview 📷

musically-1

musically-2

Key Features 🚀

  • Fully Responsive UI: Enjoy a seamless experience on any device.
  • Spotify-like Music Player: Control your music with play, pause, previous, next, repeat, shuffle, fast forward, and volume controls.
  • Search Functionality: Find music, singers, or albums effortlessly.
  • Music Genres: Dive into your favorite music genres.
  • Top Charts: Discover the top songs and popular artists.
  • Artist Exploration: Click on artists to explore related songs.
  • Song Details Page: Get lyrics and related songs for a detailed music experience.
  • Around You Tab: Explore popular music in your country.

Technologies Used 💻

  • React: Powering the entire front-end design.
  • Tailwind CSS: Leveraging CSS utility classes for sleek styling.
  • React Icons: Adding a touch of icons to the interface.
  • React Router: Seamlessly navigating among various components.
  • Redux Toolkit: Efficient state management.

APIs 🌐

  • Shazam Core API: Gathering music data for a rich experience.
  • IP Geolocation API: Getting user location for personalized content.

Getting Started 🚀

  1. Clone the repository:

    git clone https://github.com/your-username/musically.git
  2. Navigate to the project directory:

    cd musically
  3. Install dependencies:

    npm install
  4. Run the application:

    npm start
  5. Open your browser and visit:

    http://localhost:3000

Contributing 🤝

Contributions are welcome! Feel free to open issues or create pull requests for enhancements.

Acknowledgments 🙌

  • Special thanks to Shazam Core API and IP Geolocation API.
  • Gratitude to the open-source community.

Let the music play! 🎶✨