Tidal Music Player

Overview

The Tidal Music Player is a minimalist music player application developed using React.js, HTML, SCSS, JavaScript. It provides a simple and intuitive interface for playing music tracks.

Features

• Intuitive User Interface: The player boasts a clean and user-friendly design, allowing for easy navigation and control.
• Playback Controls: Provides essential controls for playing, pausing, skipping, and adjusting the volume of the music.
• Track Progress: Displays the progress of the currently playing track, enabling users to track their listening progress.
• Responsive Design: The player is designed to adapt to various screen sizes, ensuring a seamless experience on different devices.

Optimization Recommendations:

• Implement lazy loading for images and resources to improve initial load time.
• Utilize code splitting to load only the necessary JavaScript for each page, reducing the initial bundle size.
• Minification and Compression: Minify JavaScript, CSS, and HTML files to reduce file sizes, and enable Gzip compression for faster content delivery.

Lessons Learned:

• Building a music player app with vanilla React.js reinforced my understanding of fundamental React concepts and state management.
• Utilizing SCSS for styling provided a structured and maintainable way to handle CSS in larger applications.
• Emphasizing component modularity and reusability led to cleaner and more maintainable code.

Technologies Used

• 
• 
• 
• 

License

This project is open-source and available under the MIT License.

---

How to Run:

1. Clone this repository

   git clone https://github.com/brishy/tidal-music-player.git
   cd tidal-music-player

2. Install dependencies

   npm install

3. Copy the example environment file

   cp .env.example .env

4. Run the app

   npm run dev