Habitats

Habitats

Found out facts and the weather from any country in the world. I built this app as a way to hone my nextjs/React skills when working with API's.

View Code - Code View Site - Site

Built with

  • Nextjs (React)
  • TypeScript
  • TailwindCSS
  • Open Weather API
  • Countries API
  • Framer Motion (animations)

Features

  • Search and filter by country name or region.
  • Pages are statically generated on build time by nextjs.
  • Type strict with TypeScript.
  • Country pages display information about the country from the REST countries API.
  • Weather displayed for that country from Open Weather API and styled conditionally based on temperature.
  • Animations for UX with Framer Motion.
  • Styled with TailwindCSS.

Demo Screenshot 2 Screenshot 3 Screenshot 4