Submitted about 2 years ago
Advice generator app using Styled Components, Animations, React, TS...
@ClaireKarsenti
Design comparison
SolutionDesign
Solution retrospective
Hello there,
This is my #6 challenge π Is there anything I could optimize in my code? Any feedback is greatly appreciated π
I choose to do this project in TypeScript language and with the framework React to deepen my skills in these fields. This challenge also allowed me to deepen my knowledge of CSS and Animations for the layout part of this project.
Here are some example of the custom features I added to this project:
- π² An animation on the dice, when the user click on the dice's button, during the loading of the advice the dice keep rotating until the API return the advice.
- π¨ A custom alert message is displayed if there is an error with API fetching. I chose to display this alert message with a neon effect to match the design of this project, and also added a flashing effect to it.
Thank you for reviewing my code, I am happy to hear any suggestions! π
Claire
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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