This is a solution to the Social media dashboard with theme switcher challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
this is my very first project using Vue.js, it's a social media dashboard that shows all the stats of client's social media accounts
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Toggle color theme to their preference
- Solution URL: https://github.com/anas-cd/social-media-dashboard
- Live Site URL: https://anas-cd.github.io/social-media-dashboard/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Vue.js - JavaScript framework
- Jquery - JavaScript library
I'm looking forward to learn more about the following points :
- How to delay the (v-for) of vue so it can have some time between each instance
- How to change a style for an element outside of the mounted element of Vue, for example the "body" tag without missing with the DOM
- Vue guide - This helped me through out he enitr project.
- JS tutorial - here I found out about the different ways to redirect a client to another website.
- Jquery fadeOut documentation - here I got to know how to use the 'fadeOut' function and how it works.
- w3 schools: setTimeOut guide - this article helped me on how to use the 'setTimeOut' function for js.
- Vue guide : watchers - here I found out about the watcher objects of Vue.
- Website - dev.anasali.info
- Frontend Mentor - @anas-cd
- Twitter - @AnasCd