Submitted about 3 years ago

REST Countries API with Firebase Login using React and Tailwind css

firebase, react, tailwind-css, accessibility

LVL 4

Yacine Kahlerras•820

@yacineKahlerras

A solution to the REST Countries API with color theme switcher challenge

Preview Code

Solution retrospective

experimented a lot on this one and i familiarized myself better with Tailwind Css and am going to keep using it for my next projects. the things i added in this project :

google authentication to add your favorite countries to the Firestore database
Leafelet maps on the country page
country coat of arms in the country page
added Inifinite Scroller to the main page for performance optimization it loads just chunks of the countries list instead of the whole 250 of them at once, also with
image lazy loading for performance

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Yacine Kahlerras’s solution.

Join our Discord community

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