Rock, Paper, Scissors game
Design comparison
Solution retrospective
This is my tenth solution submitted here. This is my first project where I've used TypeScript, aside from some exercises from videos and classes. It has been quite different because unexpected errors occurred due to behaviors that I had not encountered in previous projects. The notes and warnings from the IDE were very helpful to me. Although I am still learning, I have enjoyed using TypeScript. I had to spend some time thinking about the logic to make the game work and had to do a lot of research to make it happen. I had previously used Grid, but in this project, I learned different ways to achieve my desired outcome. I plan to continue using TypeScript in my future projects to enhance my understanding and broaden my expertise. And I want to start practicing animations using CSS. I feel that would make everything so much more good to see. Do you have any suggestion that you would like to make? Anything is welcome. Anyway, thanks for reading that.
Community feedback
- @BGabrieliusPosted over 1 year ago
Hey, the project looks great, only the animations part seems to be missing. Reason why I chose to comment is that it seems we've both taken the same learning route and after a few months of using typescript I wanted to further enchant the app with animations and that was when I stumbled on "Framer motion" It's an animation library which allows you to make smooth animations with a lot of customizability almost effortlessly. It grew on me and I use it on every project since. here is the documentation if you're interested Framer Motion
Animations are customized with jsx/tsx. So if you're looking to learn animations with css, then it's not fit for that, still if you ever get tired of @keyframes check it out
Marked as helpful1@WillwfPosted over 1 year ago@BGabrielius Thank you! I was thinking about something like that. It'll be very helpful and I will try it. I want to learn animations with CSS too, but it's good to have other options.
1
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