https://github.com/exwork79/wp_frontend
show world map and countries' data related
https://github.com/exwork79/wp_frontend
antd reactjs tailwindcss typescript
Last synced: 3 months ago
JSON representation
show world map and countries' data related
- Host: GitHub
- URL: https://github.com/exwork79/wp_frontend
- Owner: ExWork79
- License: mit
- Created: 2024-08-25T03:08:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-09T08:16:54.000Z (almost 2 years ago)
- Last Synced: 2025-02-24T12:26:00.478Z (over 1 year ago)
- Topics: antd, reactjs, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 476 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# World Map Data Visualization Project
## Overview
This project aims to visualize data related to countries across the world on an interactive map. The map displays country-specific metrics such as population, GDP, or any other relevant datasets.
## Features
- 🌍 **Interactive World Map**: Hover over countries to display relevant data.
- 📊 **Data Visualizations**: Graphs and charts to represent country data trends.
- 🔍 **Country Search**: Search for specific countries to view detailed information.
## Technologies Used
- **Frontend**:
- HTML5, CSS3
- TypeScript (React)
- amCharts for map rendering
## Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/wp_frontend.git
```
2. Install dependencies:
```bash
cd wp_frontend
yarn install
```
3. Run the project:
```bash
yarn dev
```
## Usage
- Visit `http://localhost:4000` to view the interactive map.
- Hover over a country to see its data.
- Use the search bar to find a specific country.
## Data Sources
- **Population Data**: [World population site](https://worldpopulationreview.com/)
## Future Enhancements
- Add more data sources such as education or environmental statistics.
- Implement time-series data to track changes over the years.
- Allow users to compare data between multiple countries.
## License
This project is licensed under the MIT License. See the `LICENSE` file for details.
## Screenshots
## Contributors
- [Your Name](https://github.com/yourusername)