3D Country Explorer 🌍

📝 Description

Welcome to the 3D Country Explorer!

💻 Technologies

• React
• React Three Fiber
• React Router DOM
• Redux Toolkit
• Drei
• GLSL
• GSAP
• Tailwind CSS
• Material UI
• React Hot Toast

✨ Features

• Explore countries in a unique way using a fully rotatable and clickable 3D Earth powered by React Three Fiber.
• Select a country either from the sidebar or directly by clicking on it on the 3D Earth — both instantly fetch and display country details.
• View key information about any country, including its capital, population, area, flag and more.
• Mark countries as liked with a simple like button. All liked countries are stored locally, so their data remains available offline.
• Easily revisit and view information about your liked countries from the dedicated "Liked" section — no internet needed.

🚀 Demo

🔗 3D Earth Explorer

🛠 Installation

1. Clone the repository

git clone git@github.com:muzeffer-niftiyev/3D-Country-Explorer.git

2. Install Dependencies

   Run this command at terminat of the project:

    npm install

3. Run the Project

   Use the command below to run the project locally:

   npm run dev