All solutions

This is the first time I've used Typescript with React. Any pointers would be great!

Hello!

Currently dipping my toes into the world of framer-motion and BEM at the same time. I haven't fully got my head round using framer-motion, yet... but I'm open to any suggestions for this site!

Apart from that, any other suggestions are very welcome!

Thanks!

This is my second submission for this challenge.

While I fulfilled the brief for the project, I wanted to give myself the additional challenge of fulfilling the requirements using a single call to the API.

Rather than calling the API multiple times for fetching country details and when navigating back to the main list of countries. I wanted to have one persistent piece of state that could manage everything.

In the previous submission, I found myself dealing with bad request handling. After a number of calls - potentially down to API call throttling. I found a single call to the API satisfied everything I needed to do. It's made the initial load a little longer, but the navigation and use of the app, very fast afterwards. I'll probably filter the fields in each API request later.

In my next submission, I'll look at component-ising things more!

Any questions or improvements, let me know!

This is my first attempt at this challenge.

I think my main aim in the next attempt is to separate out the components even more.

I've deviated from using the v2 API and used the newer version of the REST Countries API instead.

I think there are a few things to improve which I'll add in my future attempts:

1. Better error handling when I get a bad request from the API not related to my query.
2. Using localstorage to store the dark mode preference.
3. Using media queries to load preferences?

Anyway, let me know what you think and what I could do to improve the app!

This was a tough nut to crack. I decided to brush up on my react skills to create this.

No animation on this one, as I wanted to get the fundamentals right.

I tried to make sure the site conformed the major design breakpoints but I had difficulty making the entire site fully responsive. You can see this on the technology page, especially.

Any thoughts or feelings about this are greatly appreciated. I really look forward to your feedback!

Couldn't quite figure out how to get the box-shadow right. I even used dev tools to tweak it. Would love some advice and a solution to this!

Any feedback is greatly appreciated; especially on how to condense the amount of CSS I used for this project.

Any feedback very much appreciated!

Let me know what you think! I need some feedback on breakpoints for the different tablet sizes. I decided to leave them be - but any feedback would be greatly appreciated!

My main issue is with getting the media query breakpoints right across different screen sizes. I would like feedback on this area in particular.

Otherwise, let me know what you think! Thank you!