Countries Explorer
Next.jsTypeScriptTailwind CSSDaisyUILucide ReactFramer Motion
A web app to explore countries, their flags, and details using the REST Countries API.
Code Snippets
My Thoughts
🌍 Why I Built This
When I started to learn to code one of my virtual classmates made a countries explorer app with react. It was my first exposure to apis and the power of dynamic data. I wanted to recreate that experience with a modern stack and my own twist.
⚔️ Challenges
- Working with the REST Countries API to fetch and display data dynamically.
- Making sure dynamic route generation worked properly with Next.js.
- Trying to pull the most out of the countries API in a creative way.
🌟 Proud Code
I like when data starts to flow. Very satisfying to me for some reason. So setting up the API and fetching the data is always my favorite part of working with API's. The versions I saw years ago were SPA's that were static and didn't have any dynamic routing. My idea was to use the dynamic routing capabilities to explore more of the Countries API and create a cool little app.