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.
- 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.
- 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.
- 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.
This project is open-source and available under the MIT License.
-
Clone this repository
git clone https://github.com/brishy/tidal-music-player.git cd tidal-music-player -
Install dependencies
npm install
-
Copy the example environment file
cp .env.example .env
-
Run the app
npm run dev