Hi everyone, I'm so happy to share my solution for this challenge.
In this project I used ReactJs for building User Interface , TailwindCss for styling and Google Map Api for displaying Map for each country.
Although using TailwindCss to style is super fast but I find the code hard to read.
I used Google Map Api for the first time to add an additional map for each country. I think I can do some fun stuff with it. ( I deleted this feature due to the fact that it costs a lot of money)
I transform border countries to have more interesting look.
I want to make this project become one of my main portfolio projects. Can you guys suggest any functionalities to this project? I really appreciate that.
If you find any bugs or any suggestions, please let me know. Thank you for your valuable time and happy coding!
@NizarMjr
Posted
Good job #Chris I liked what you have done There is necessary thing you need to add to improve more you project : -Acces and get the details of country from the borders with this point you could make your project more wide and more accessible
Good luck and Happy Coding
Marked as helpful
@chrisvn188
Posted
@NizarMjr Thank you for your valuable feedback, I will make borders look more fun and interactive. Happy coding!
@satrop
Posted
Really impressed with the outcome you have here!
I especially love the use of React! I am JUST getting into React and love the idea of compartmentalizing all the things.
The only thing I would add is like the accessibility report says, I would get an H1 on the page, you could hide it with a utility class, but it's worth backing in as many ADA items as you can from the start.
Really clean code. Noice work my friend!
Marked as helpful
@chrisvn188
Posted
@satrop Thank you for your feedback. I really appreciate it. I love React too, it gets better and better over time, worth learning.
@satrop
Posted
@chrisdev188 this is what I’m learning fast! I’ll be building out some React apps to test my skills in here soon.
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
