A modern web application that provides detailed information about countries worldwide, including their national symbols and real-time weather data.
- Sleek, modern UI with a dark theme
- Detailed country information display:
- Basic information (UN membership, driving side)
- National symbols (flag and coat of arms with descriptions)
- Real-time weather data for capital cities including:
- Temperature
- Weather conditions
- Humidity
- Wind speed
- Responsive design with clean, card-based layout
- Interactive search functionality
- React.js
- Vite
- Axios for API integration
- OpenWeather API
- REST Countries API
- Modern CSS with custom styling
- Clone the repository
git clone https://github.com/lenguyenduyphuc/CountryInfo.git- Install dependencies
npm install- Set up environment variables
Create a
.envfile in the root directory with:
VITE_API_KEY=[Your OpenWeather API Key]- Start the development server
npm run dev- Weather data: OpenWeather API
- Country data: REST Countries API
MIT
Le Nguyen Duy Phuc