A interactive world map built with ReactJS, Tailwind CSS and REST Countries API, featuring country details, zoom, and light/dark modes.
Check out the live version of the website: Interactive World Map
Below are some screenshots showcasing the application’s features and appearance:
Screenshot | Description |
---|---|
![]() |
The homepage in light mode, showing the interactive map. |
![]() |
The homepage in dark mode, with the dark color scheme. |
![]() |
A country selected, displaying the sidebar with country info. |
![]() |
The map zoomed in, demonstrating the zoom feature. |
/countryname
opens sidebar for that countryTo run the project locally, follow these steps:
Make sure you have the following installed:
Clone the repository:
git clone https://github.com/JoyM268/interactive-map-reactjs.git
Navigate to the project directory:
cd interactive-map-reactjs
Install dependencies:
npm install
To start the development server:
npm start
This project is licensed under the MIT License. See the LICENSE file for details.
Contributions are welcome! Please submit a pull request or open an issue for any improvements or bug fixes.
For any questions or suggestions, please reach out to joy.mascarenhas@outlook.com.