ASMR Coding: Spotify Clone with No Talking π§
Learn to build a Spotify app clone using HTML, CSS, and JavaScript with relaxing ASMR programming sounds. Perfect for focused coding sessions.

Code Fiction
1.1M views β’ Jan 23, 2023

About this video
Hello my dear coders,
In this video, I demonstrate how to create a Spotify app clone using HTML, CSS, and JavaScript. Although the app looks similar to Spotify, it doesn't have any actual functionality. This is just a demonstration of how to create a basic layout and design for a music streaming app. Feel free to use this as a starting point for your own projects and add functionality as you wish. If you have any suggestions or ideas for how to improve this app, please leave a comment below or fork the code on Github. Thanks for watching!
I will be waiting for your pull requests on Github.
Hope you like it!
Twitter: https://twitter.com/gulnaroglus
π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»
Source code: https://github.com/tarantino07/spotify-desktop-app
Live a star on github, if you enjoy!
π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»
π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦
β¨οΈ Keyboard: YUNZII KEYNOVO IF98 Gateron Red Switches
https://bit.ly/3hPGk3A
π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦
00:00 Initializing npm
00:26 Electron.js quick start
01:17 Electron.js test
01:39 Creating css file
02:08 Showing the images and svg's
02:28 Coding left bar with HTML
09:10 End of left menu
09:52 Coding left playlists
11:00 End of left playlists
11:19 Coding left song cover
12:50 End of left song cover
13:30 Coding playlist header
22:20 Box shadow generator
27:15 End of playlist header
28:00 Coding playlist songs
30:58 Gradient background generator
43:20 End of playlist songs
44:03 Coding bottom player
54:30 End of bottom player
56:10 Running as a desktop application
56:43 Hidden top bar and maximizing the window
57:10 Final results and comparison
In this video, I demonstrate how to create a Spotify app clone using HTML, CSS, and JavaScript. Although the app looks similar to Spotify, it doesn't have any actual functionality. This is just a demonstration of how to create a basic layout and design for a music streaming app. Feel free to use this as a starting point for your own projects and add functionality as you wish. If you have any suggestions or ideas for how to improve this app, please leave a comment below or fork the code on Github. Thanks for watching!
I will be waiting for your pull requests on Github.
Hope you like it!
Twitter: https://twitter.com/gulnaroglus
π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»
Source code: https://github.com/tarantino07/spotify-desktop-app
Live a star on github, if you enjoy!
π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»π¨βπ»
π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦
β¨οΈ Keyboard: YUNZII KEYNOVO IF98 Gateron Red Switches
https://bit.ly/3hPGk3A
π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦π¦
00:00 Initializing npm
00:26 Electron.js quick start
01:17 Electron.js test
01:39 Creating css file
02:08 Showing the images and svg's
02:28 Coding left bar with HTML
09:10 End of left menu
09:52 Coding left playlists
11:00 End of left playlists
11:19 Coding left song cover
12:50 End of left song cover
13:30 Coding playlist header
22:20 Box shadow generator
27:15 End of playlist header
28:00 Coding playlist songs
30:58 Gradient background generator
43:20 End of playlist songs
44:03 Coding bottom player
54:30 End of bottom player
56:10 Running as a desktop application
56:43 Hidden top bar and maximizing the window
57:10 Final results and comparison
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
1.1M
Likes
21.5K
Duration
57:54
Published
Jan 23, 2023
User Reviews
4.8
(227) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.