Tracker Ip addres with reactjs tailwindcss leafletjs without api key

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

"I'm most proud of persevering despite encountering numerous errors with the map. Additionally, dividing everything into components made things more complicated; I had to pass the IP and a flag between components and such. I would simplify it next time.

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

Several challenges, for example, propagating the new IP from the header to the main, which I did using createContext. Additionally, the geolocation API recommended here wasn't useful for testing, so I had to find another one that was simpler, without an API key and without request limits. Another issue was using Leaflet with React, which I ultimately solved by placing in the index.html instead of doing it in app.jsx or main.jsx. The rest were style layering issues that weren't complicated problems.

I overcame them with patience, perseverance, and rest.