Solution retrospective
So I got everything to work during development. However, it has been a challenge with Vue.JS when it comes to deployment. It's my first time using Vue and its been a great framework, but the deployment to my github pages was a bit of a pain. The images of the user avatars won't load with the build version that is deployed to the github pages link, despite them loading just fine on the development version.
If anyone can help me getting the images to load on the avatar, it would be appreciated.
On another note, I did simulate fake errors occuring to show that I've kept error messages in mind. Local storage is used and I used setTimeout to 2000ms to give it a server like loading simulation without any actual back end server running, and utilizing math.random that when it generates 5 (1 through 5 being the range) will show the error message, so you can just refresh the page again and it should work again.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ChrisP1108
Just to give an update on the images not loading. I got the avatar images to load. I essentially had to change all the image path to permalink paths, which is not the most ideal way to do it since it's not migration friendly, but I'm not planning on moving it to another domain other than github anytime soon, so I'll keep it at this for now.
Join 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