Skip to content
Submitted over 1 year ago

Responsive World Atlas Project Using ReactJS

accessibility, react, typescript, vite
Henry•340
@devhnry
A solution to the REST Countries API with color theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

🔧 Tech Stack: React.Js, ViteJS, Tailwind CSS, Material-UI, TypeScript.

🌐 Key Features:

  • 🌍 Explore countries using the REST Countries API.
  • 🔍 Dynamic search functionality for easy country discovery.
  • 🌐 Region filtering to navigate continents effortlessly.
  • 📖 Click on country cards to delve into detailed information.

🌈 Tech Highlights:

  • 🌙 Implemented a sleek dark mode using Tailwind CSS.
  • 🔄 Deepened understanding of React concepts like props, useState, useEffect, customHooks and routing.
  • 🚀 Tested out Material UI for the First Time
Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Henry'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