P
@Dean2424Submitted 29 days ago
Latest comments
- @MarziaJaliliSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I've manage to use the
What challenges did you encounter, and how did you overcome them?useEffectfunction ofReact JSfor the first time. You all know that, it is amazing working withReact.If I tell what I encountered you will Laugh at me. I just missspelled the name of the most important class in CSS and wondered what in the world was wrong for more than an hour.
🤣🤣
What specific areas of your project would you like help with?There's a great issue in my project when I click the maximizer of the browser the state of the navbar doesn't change to the desktop mood.
If you find out any solution for this let me know please!
Thanks a million in advance!
🫡🫡
@220100dungvanPosted 26 days agoYou've done a great job matching the design. 👍 I haven't learned React yet, but this dark mode is really interesting. 🌙 I think the dropdown should close if clicked outside of it.
1 - P@DavidPokrajacSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I used TailwindCSS for this project. I didn't personally like it and will try to go with another CSS solution next time. And I also used GSAP for a little bit of animation. I also incorporated light and dark mode so that the user can toggle between those by checking an input checkbox.
What specific areas of your project would you like help with?I would like to seek help in three things in particular.
1.) When turning the dark mode on by checking the input checkbox, the dark mode will appear on screen, and it will persist on page refresh, as I set localStorage for it. However, input checkbox will go back to its unchecked state on page refresh, and the result is dark mode appearing although input checkbox is not checked (on page refresh). I tried to use localStorage so that on page refresh input checkbox stays toggled on based on the the value of the checked attribute but I still have not found any solution for that.
2.) Second major problem I had is with gsap animation. I wanted to animate on each button click, that card component hides its content inside and then shrinks down to height of zero, and then wait 0.75 seconds to rise to its normal height, and then display its content again by making it visible. However, it seems that contentVisibility is not animatable (or atleast that is what i think). How could I successfully animate content inside parent to hide and reappear?
3.) I used ref.current.clientHeight to calculate height of a card, when making gsap animation explained in second problem, but as I shrink the window the height is a bit different for mobile and laptop devices and it gets a little distorted. Is there a way that height would readjust dynamically when resizing? Is this something resize event listener would help?
@220100dungvanPosted about 1 month agoThat’s amazing! 🌟 You’re really creative. 🎨 I noticed you’re using libraries and frameworks, but I haven’t learned any frameworks yet. Do you think I can achieve these things using just plain HTML, CSS, and JavaScript? 💻✨
1 - @yenisaaSubmitted 2 months agoWhat are you most proud of, and what would you do differently next time?
Working on this project exposed me to working with external typography. The typeface used in this project is a Google font called OUTFIT. Initially, I didn't know how to work with it without downloading it to my laptop but after some research, I could do it successfully. I also learned how to use the font shorthand in CSS. I didn't know it was a thing until I read about it on W3school during my research
What challenges did you encounter, and how did you overcome them?Initially, I didn't know how to embed the google font into the project without downloading the font to my laptop but with enough googling, I could do it successsfully.
What specific areas of your project would you like help with?As a beginner, I don't know what too short or too long means yet, but I think I wrote too much CSS. I'm sure there are many more ways to work on this project without writing many lines of code. So if someone could review my code and share how I can make the code shorter, it would be nice.
Thank you.
