iTone is a modern and intuitive music application inspired by Spotify and designed to enhance user music listening experience. The app is developed using modern front-end build tool, library, and framework such as Vite, React, and Tailwind CSS and deployed on Vercel, enabling faster and smoother development.
- User-friendly interface and guidance via home and arrow buttons to navigate different UI components.
- Invisible scroll bar functionality allows users to scroll playlists horizontally using a mouse.
- The blue play/pause button enables users to play and pause tracks directly based on the hovering playlist without opening it to see inside tracks.
- Displaying the album details such as title, artist, album name, release year, track duration, and total time based on the clicked playlist.
- Music player is at the bottom of the interface, where users can control the music player (e.g., clicking the previous button to go back to the previous song, the next button to skip to the next song, the play/pause button to play and pause songs.
- Seek bar in the music player also enables users to move the seek point to play songs from the middle.
- Music equalizer animation at the track number visualizes what song is currently playing.
- A fully responsive web interface increases the ease of use on multiple devices, ensuring customer satisfaction.
Prerequisite: Git is installed on your local machine.
- Clone the repo:
git clone https://github.com/your_username/iTone.git
- Install dependencies.
cd root_of_your_folder
npm install
- Run the project:
npm run dev
- Open your browser and navigate to
http://localhost:5173/.
- React
- Vite
- Tailwind CSS
iTone_demo.mp4
This project is licensed under the MIT License. See the LICENSE file for details.