Deezer Clone Vue JS, Vue 3, Vite, Tailwind CSS, Pinia, Javascript, Music App

In this tutorial, we'll build a Deezer clone with LYRIC SYNC using Vue JS, Vue 3, Vite, Tailwind CSS, and Pinia. I'll walk you through every step of the process, so you can create an awesome music-streaming app.

LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!

And I'll see you in the video!

For freelance or contract work inquiries, kindly connect with me via Twitter / X:
Link:   / johnweeksdev  
Thank you.

GitHub Repo - https://github.com/John-Weeks-Dev/dee...

00:00 - Deezer clone project setup with Vite, Vue 3, Tailwind CSS, Pinia, Vue Router, Node JS, and VS CODE
07:25 - Main Layout Section (TopNav & SideNav) | Vue 3 | Tailwind CSS
19:42 - Home View Page | Vue 3 | Tailwind CSS
21:45 - MixesInspiredBy Component | Vue 3 | Tailwind CSS
29:23 - MultiArtistSelect Component | Vue 3 | Tailwind CSS
34:46 - Favourite Artist Section | Vue 3 | Tailwind CSS
37:46 - Carousel Component | Vue 3 Carousel | Tailwind CSS
50:41 - Highlights Component | Vue 3 | Tailwind CSS
53:51 - Finishing Home View Page | Vue 3 | Tailwind CSS
55:05 - Get files from GitHub
56:22 - Artist View Section | Vue 3 | Tailwind CSS
56:52 - Pinia functions
1:00:40 - Add route for ArtistView | Vue 3 | Vue Router
1:01:07 - Artist View Section | Vue 3 | Tailwind CSS
1:09:41 - SongRow Component | Vue 3 | Tailwind CSS
1:20:09 - MusicPlayer Component | Vue 3 | Tailwind CSS
1:38:21 - MusicPlayerVolume Component | Vue 3 | Tailwind CSS
1:49:28 - Lyric Page | Vue 3 | Tailwind CSS
1:58:58 - App Final Check!!!

#deezerclone
#vuejs
#tailwindcss