/man

spotify Clon made with Astro

Primary LanguageJavaScriptMIT LicenseMIT

Certainly! Here is the updated README for your project, MAN (Music Access Network):


MAN Music Access Network

📗 Table of Contents

📖 MAN (Music Access Network)

MAN is a "Spotify like" web-based music application designed to showcase the possibilities of modern design and user interfaces. It features a beautiful UI using View Transitions, global app state management with Zustand, data persistence with localStorage, and a friendly UX with Tailwind CSS.

🛠 Built With

Tech Stack

  • Astro: Modern static site builder for fast and optimized web apps.
  • React: JavaScript library for building dynamic and interactive user interfaces.
  • Tailwind CSS: Utility-first CSS framework for creating modern and responsive designs.
  • Zustand: Lightweight state management library for React.
  • JavaScript, HTML, CSS: Core web technologies.

Key Features

  • View Transitions: Smooth and interactive transitions between different views.
  • Global State Management: Using Zustand for efficient state management across the app.
  • Data Persistence: Save user preferences and app state in localStorage.
  • Responsive Design: Tailwind CSS for a consistent and user-friendly interface.

🚀 Live Demo

(back to top)

💻 Getting Started

Prerequisites

  • Node.js (version 14 or later)
  • npm (version 6 or later)

Setup

To run MAN locally, follow these simple steps:

  1. Clone the repository:

git clone https://github.com/jicamargo/music-access-network.git

  1. Install the dependencies:

npm install

  1. Start the development server:

npm run dev

  1. Open your web browser and navigate to: http://localhost:4321/ to access the application.

Usage

Explore the music library, manage playlists, and enjoy seamless transitions. Log in to customize your experience and save preferences.

(back to top)

👥 Authors

👤 MiduDev (Miguel Angel Durán)

👤 JIC Software (Jorge Camargo)

(back to top)

🔭 Future Features

  • Admin Dashboard: Exclusive access for administrators to monitor and manage music libraries and user preferences.
  • Playlist Management: Advanced playlist management features.
  • Multi-Language Support: Allow users to view the app in their preferred language.
  • User Reviews and Ratings: Enable users to leave reviews and ratings for songs and playlists.
  • Wishlist Functionality: Allow users to create and manage wishlists for future listening.
  • Social Media Integration: Integrate social media sharing options for playlists.
  • Advanced Search and Filtering: Implement advanced search capabilities and filters for songs and playlists.
  • Personalized Recommendations: Provide personalized music recommendations based on user preferences.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

  • If you like this project please give it a ⭐️!
  • You can buy me a coffee ☕ here
  • You can also follow me 👍🏽 on Social Media.

(back to top)

🙏 Acknowledgments

  • Special thanks to Miguel Angel Duran (@midudev) for his teachings and dedication to the Spanish-speaking developer community.
  • Gratitude to the entire Midudev community for their contributions to various projects. Together, we can achieve more.

(back to top)

📝 License

This project is MIT licensed.

(back to top)