Skip to content

Experience seamless playlists, vibrant UI, and smooth playback—all crafted with modern web technologies and a passion for music.

Notifications You must be signed in to change notification settings

Mandar123454/MKStream

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 MKStream - Music App

Welcome to MKStream, your next-gen, stylish music streaming app!
Experience seamless playlists, vibrant UI, and smooth playback—all crafted with modern web technologies and a passion for music. ✨


🚀 Features

  • 🎧 Beautiful Playlists:
    Create, browse, and play your favorite playlists in a visually stunning interface.

  • 📀 Featured Albums:
    Discover and explore albums with rich cover art and artist info.

  • 🔎 Powerful Search:
    Quickly search for songs, artists, or albums with instant results.

  • 💡 Animated UI:
    Enjoy animated musical notes, glowing buttons, and interactive effects throughout the app.

  • ❤️ Favorites:
    Mark songs as favorites and access them instantly.

  • 🌓 Dark Mode:
    Effortlessly toggle between light and dark themes.

  • 🖥️ Responsive Design:
    Looks and works great on desktop, tablet, and mobile.

  • 🔊 Modern Music Player:
    Gorgeous bottom player with cover art, controls, and progress bar.


🛠️ Tech Stack

  • HTML5 + CSS3 (with modern Flex and Grid)
  • Vanilla JavaScript (ES6+)
  • Feather Icons for sleek interface icons
  • Google Fonts: Montserrat, Inter

📂 Project Structure

/
├── index.html
├── style.css
├── app.js
├── images/
│   └── [Album & Playlist Covers]
├── icons/
│   └── [Song Cover Icons]


✨ UI Highlights

  • Animated Notes
  • Glowing Heart Favorites
  • Album Art
  • Modern Search Bar
  • Theme Toggle
  • Music Player Controls
  • Animated Info Box

📝 How We Built It

  • Designed a responsive layout with Flexbox and CSS Grid.
  • Developed animated backgrounds and icons for a lively music vibe.
  • Implemented dynamic rendering of playlists and albums using JavaScript.
  • Built a custom player for seamless playback and song navigation.
  • Added theme switcher (dark/light mode) and local storage for favorites.
  • Used Feather Icons and Icons8 for crisp UI icons.
  • Focused on mobile-first design for best experience everywhere.

🦄 Made with

Made with ❤️ ✨ Groove
© MK
Powered By Mandar Kajbaje


🤝 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.


📃 License

MIT.


About

Experience seamless playlists, vibrant UI, and smooth playback—all crafted with modern web technologies and a passion for music.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published