This project was really challenging. The responsive design took a lot of time. The design might is not perfect, but I did my best.
Any feedback is highly appreciated.
This project was really challenging. The responsive design took a lot of time. The design might is not perfect, but I did my best.
Any feedback is highly appreciated.
It was a good challenge. I could not make the filter when opening the menu on mobile as in the design image. I will work on the little details now.
Feel free to give feedback.
You were inconsistent with the font size. I think that's all. You did great although 👍😁
Hello, frontend mentor community! it was a nice challenge to test layout skills. It may not be perfect, but I tried my best. Feel free to give a feedback.
I found it difficult to size my images on a mobile view such that they still look good and the entire component fits on the viewport height
Add to your image these CSS styles Object-fit: cover Object-position: center
Please, I need help with creating the background color shape underneath the images, thank you.
It's nothing but a regular colored square with a curved edge at the bottom. You can by setting border-radius to one edge of the square.
Hello 👋 👋 👋 . Hope you're all doing well and enjoying coding.
Today, I present to you my first Vue app on this amazing platform. I really enjoyed it as it made coding simpler than using vanilla Js 😂😁😁. I deviated a little bit from the design because I didn't want to spend so much time on layout that didn't adversely affect user experience. I learnt a ton like using script setup, Teleport, slots, and many more.
The thing I struggled most was with dynamic img src. I count make it work when I directed the path to src/assets/avatars. So I ended up moving the avatars to the public folder which worked and I don't know if that's the right way to go about. Looking forward to your comments on that and any other suggestions. Happy coding😊❤
Hello frontend community of mentors!
I took my time to make this project very well and make it very functional. I appreciate the comments on this, it would be of great help.
Here I tell you a little. in the part of the bonuses use the localstorage to save all the information for when the page is updated persist. and also use the dynamic timestamps, but only for the comments that are posted, not the ones that are already there.
and the JSON data is only used to load the information, but does not exchange information with the JSON once the page is launched.
Any advice to optimize React performance ? my app seems a bit slow to me
This project was soooooooooooooooo much harder than I expected, but I got as close as I could to imitating the design. I want some very good feedback on this because I want to seriously improve from this. The functionality works very well, but I couldn't get the updating/editing functionality to work like how the design is. Also, I wasn't able to properly add the line on the side for the replies under the comments and I wasn't sure how to track the time of how old the created comments and replies were. Finally, I feel like the code I have is very redundant and can be much better, how do I fix this? I will welcome any feedback for this solution.
And for the border line for the nested comment, you basically need to set the div or ul(whatever may be the tag name you used to wrap the nested comment) style to border-left: 0.15rem solid #eaecf1; or perhap to a value that suits your design
This project was soooooooooooooooo much harder than I expected, but I got as close as I could to imitating the design. I want some very good feedback on this because I want to seriously improve from this. The functionality works very well, but I couldn't get the updating/editing functionality to work like how the design is. Also, I wasn't able to properly add the line on the side for the replies under the comments and I wasn't sure how to track the time of how old the created comments and replies were. Finally, I feel like the code I have is very redundant and can be much better, how do I fix this? I will welcome any feedback for this solution.
Nice... I'm not a react developer... i still code with vanilla Javascript. You can view my solution to the time issue you trying to solve
WOW... 😮 Brother... your project is second to none. It's it best for me... Well done 👏👍
Feedback will be highly appreciated