interactive-map-reactjs

Interactive World Map

A interactive world map built with ReactJS, Tailwind CSS and REST Countries API, featuring country details, zoom, and light/dark modes.

Table of Contents

Live Website

Check out the live version of the website: Interactive World Map

Screenshots

Below are some screenshots showcasing the application’s features and appearance:

Screenshot Description
Light Mode The homepage in light mode, showing the interactive map.
Dark Mode The homepage in dark mode, with the dark color scheme.
Side Bar A country selected, displaying the sidebar with country info.
Zoom The map zoomed in, demonstrating the zoom feature.

Features

Getting Started

To run the project locally, follow these steps:

Prerequisites

Make sure you have the following installed:

Installation

  1. Clone the repository:

     git clone https://github.com/JoyM268/interactive-map-reactjs.git
    
  2. Navigate to the project directory:

     cd interactive-map-reactjs
    
  3. Install dependencies:

     npm install
    

Running the Application

To start the development server:

npm start

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contributing

Contributions are welcome! Please submit a pull request or open an issue for any improvements or bug fixes.

Acknowledgements

Contact

For any questions or suggestions, please reach out to joy.mascarenhas@outlook.com.