Design comparison
Solution retrospective
Just a fun practice experience of reading in files and sending the data to the client. Using sockets, the client pings the server and the server establishes 2 readStreams (1 json file, 1 image) and sends the updates back upstream, as well as a filesize value so a progress bar can be rendered.
What challenges did you encounter, and how did you overcome them?Apparently FrontEndMentor has approved domains and it wasn't excited about the azure one so I set up a janky proxy static github that will re-route the user to the other site. Not ideal but seems workable enough solution for now. Any suggestions would be appreciated if there are better ways to do this.
What specific areas of your project would you like help with?Feedback and suggestions welcomed, especially for the stated above issue.
Community feedback
- @ComputerEnjoyerPosted about 20 hours ago
Hey! I don't think I can give feedback specifically on what you're looking for, but rather on an element of the visual presentation.
The qr code is getting squished on the righthand side because the progress bar still has a width and is still being displayed after the animation finishes. You can fix this by appending "display: none;" to the styles when the image loads :)
Marked as helpful0@jgreen721Posted about 8 hours ago@ComputerEnjoyer appreciate the bug observation. I knew that portion had some possible cleanup but I think?? my experience was the progress-bar scaled to 0 seemed to then not interfere with the image positioning but I knew it was a janky implementation so not surprised it seems it apparently can/does effect the image...so ya, appreciate the heads up!
0
Please log in to post a comment
Log in with GitHub
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