Spotify's Albums in VueJS - Day coding 1 👽 asmr programming [keychron k8 pro] 💻
In this video I'll show you how I generated a dynamic Spotify album page in VueJS.
I fished the album information from an online API, and thanks to that I was able in a very simple way to print it in the page.
This was just the first day of coding... In the second day some small changes will be added that will make the page more cool and dynamic. 😉
Hi, I'm giuss and I'm an italian full stack web developer student. I start this Youtube's channel for share my project and inspire some people... that's the idea... I hope you enjoy this video!❤️
My Softwares for Coding:
VS Code:
Git Graph;
Git History;
Git Lens;
Material Icon;
Vue Language Feature;
Google Chrome;
Color Picker Extension;
Vue Extension;
Postman;
Slack;
Zoom;
Terminal;
My Softwares for YouTube's Video:
QuickTime Player;
OBS;
DaVinci Resolve 18;
Gimp;
InkScape;
My Hardwares:
MacBook PRO M1:
RAM: 8GB;
Storage: 256GB;
AirPods PRO;
Keychron K8 PRO TKL;
Logitech G PRO;
iPhone 11 PRO;
Sony a5100:
15/50mm f3.5/5;
50mm f1.8;
AOC 23" 1080p Monitor;
Follow Me here:
Web Site: https://giusscos.netlify.app
Github: https://github.com/giusscos
Twitter: / giusscos
Timeline:
00:00 Create Project
00:52 Create HeaderComponent
02:30 Default Rules and Variables in SCSS
05:30 Add Style to HeaderComponent
08:30 Create MainComponent
10:20 Add Style to MainComponent
12:35 Get API data
18:00 Add Style to API data
26:00 Bonus - Refactoring with Props
31:00 Fin.
#vuejs #keychronk8 #asmr
