Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Planets Facts Site | Reactjs | Framer-Motion | Testing | Redux-Toolkit

jest, react, redux-toolkit, storybook, motion
Arthur Roberts•410
@arfarobs
A solution to the Planets fact site challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I found the design of this fairly simple. I used this website to learn about web development tools that were new to me. I learned so much by doing this project.

It's the first time that I have ever tested my own react app. I find it really difficult to know what I should test. Any feedback on whether I have missed something that should be tested or testing in general would be great.

It's the first time that I have used the following tools on my own project. Any feedback with these would be great.

  • framer-motion
  • react-testing-library
  • Jest
  • Storybook
  • husky

I'm looking forward to my next project. I'm hoping to implement an external database using something like Firebase.

Issues

  • When the nav links are spammed (navigating through different pages really fast), the content and enter animations fail. The user has to refresh the browser to get the content to display properly. I have no clue whatsoever as to why this is happening.

Any questions or feedback would be great.

Also, let me know what I can do to help you. Leave a message in your feedback with a project that you would like my input on.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Arthur Roberts's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License