P
@webguy83
Latest solutions
Fully working countdown timer with animations
#animation#react#recoil#tailwind-cssSubmitted over 2 years agoRock Paper Scissors App with awesome animations using react-spring
#react#tailwind-css#typescript#accessibilitySubmitted about 3 years agoProject with responsive searching component.
#axios#react#tailwind-css#typescript#material-uiSubmitted about 3 years ago
Latest comments
- @kerminek
Great solution. Nothing to add. Nice, responsive mobile version. And answering your question: well, it depends... In your case, scaling it with viewport units could work. But in my project, where i've used precise animations, i prefer a solid width and breakpoints. I would like you to see my solution too :)
- @AnaesthCode@kerminek
I would delete this transition on toggling dark mode. I assume that there is a transition for purpose of scaling this country tile. You can fix this using transition-property - in this case: transition-property: transform;. The other thing is Country Page height. On my 13inch macbook, page is scrollable, even though it could easily fit. Hope you check my profile and leave some feedback too :)
Marked as helpful - @sandlerz@kerminek
Hi! Thats very great project. I would recommend you to not to fetch data all the times, because you've already got it. Save your data using context, then if you want to get specific country data, just search it. Search bar is not only looking for start of the first string, which is great. And i feel like dark/light mode transition looks just bad, it's better when it's instant. Would appreciate if you would see mine solution. Have a nice day :)
Marked as helpful - P@webguy83@kerminek
Looks really great! I wanted to do this border countries component with full names, but i was too lazy for that :D Also wanted this animation on hover on country tile, but i've used react-virtualized list to make searching smooth, and that's unfortunately is blocking scale() feature. I also feel like searching feature is working much better in mobile. Anyway, great project. Would appreciate if you would see mine :)
- @Allangui@kerminek
Very nice! It lack's some styling but js was already tough enough. I made similar solution but using react and redux :)
- @catherineisonline@kerminek
Hi, one image makes your page wider than we want it to be. Solve it using "overflow: hidden" on main container of the page. Also, if you want to keep data after refresh try to make it using cookies or simply "localstorage" :)
