All solutions

The most challenging thing in the project was setting it to be responsive in three breakpoints, mobile, tablet, and desktop. So many things change between these breakpoints. This project was made by:

• love ❤️ and many cups of coffee ☕.
• Semantic HTML5 markup
• TailwindCSS - For styles
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JS library

The most challenging thing i faced in this project was the functionality of taking an IP address and searching for it using two APIs, one to get the IP information like region, isp, and time zone and the second one for rendering the map. Used react hooks like useState, useEffect, and useContext gave the project its functionality and good performance. By the way, I'm open and eager to hear your feedback about my solution!

The most difficult thing in this project is making the drag and drop system which I couldn't make, Now I'm working on it, and I'm sure I will make it work. I'm open for your feedback!

This is my first application using Tailwind CSS.

Feel free to give me your feedback!

• The most challenging thing in this project was setting it to be responsive on mobile screens, so many things changed and I thought I couldn't do it. but you can see.
• Feel free to give me your feedback and I'm open to any questions.

It was an easy challenge, finished in 30 minutes.

The most difficult thing i see in this project is understanding and making the routes from the base to the details of the countries and the data flow between the project components. Im not sure about the way I made the dark mode switch, I'm just controlling the styles of the elements based on variable value and I'm not sure if this is the best way to do that.

• The most difficult thing I saw in this project is the styling and 3 themes and this is my first time doing something like that, I think I made it in the wrong way but it's good to start with.
• I'm not sure about the way I made the theme change, I'm controlling some CSS classes and I think there is a much easier way to do that.

The most challenging thing I see in this project is verifying the inputs and choosing the Regular expression I want. The area of code I'm not sure of is the verification, it has a little problem, I want you to check my solution, and if you get it I'm ready to hear your feedback and advice to fix it.