Planets facts using React and Typescript

What are you most proud of, and what would you do differently next time?

This was my first project with React and Typescript. I had to rewrite things a lot and cry while watching the error count going wild. BUT. I managed to make to the end.

What i'm proud of:

• I'm really proud of rewriting the json file into a data.ts file. This way, it was way easier to assure type safety throughout the document.
• I'm really proud of using the hook useContext to simplify the state management in different part of the app.
• The responsive part was one hell of a ride.

What I would do differently :

• Take more time to rewrite the data json. I struggled in the middle while the file was not as good as expected.
• Use less atomic classes. While easier to read it's harder to maintain while going responsive.
• Break components further down.

What challenges did you encounter, and how did you overcome them?

I had two main challenges :

• Type safety. This was my first ever project using Typescript. I was way over my head at first. I took some time to read the doc and I asked a friend to help me figure some things out.

• Responsive design. This one was really hard for me. Figuring out how things work in react and what to display or not. To overcome this, it was a lot of trial and error.

What specific areas of your project would you like help with?

All feedbacks are welcome but getting some insight on the typescript part and responsivness is much welcomed.