Responsive "Social Media Dashboard" using Vue.js and Tailwind CSS
Design comparison
Solution retrospective
I've implemented everything using components in Vue.js and the data is stored in a JSON file and loaded dynamically. it was a good practice/learning project since a dark/light mode toggle is useful in every website.
I did this challenge using TypeScript and Vue.js Composition API to get more comfortable with these technologies. I will probably switch back to React.js for future projects. also, I will try to use Material-UI or Bootstrap in the future because I think I have a good grasp on Tailwind CSS now.
Community feedback
- @coderdanniePosted almost 2 years ago
Hi. Congrats on the completion of this project. An extra features you can add is to store the themes state using browser localstorage so that your site can maintain the theme state even if the page was reload. Right now if I switch to light mode and reload the web page its switching back to the default theme. Using browser storage to store the theme and accessing the themes based on user preference will prevent this from happening. https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
Marked as helpful1@rashidshamlooPosted almost 2 years ago@coderdannie Thanks a lot for your suggestion. I was actually going to do that, but I forgot about it somehow... I've added the functionality and it should be working now.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord