Skip to content

lenguyenduyphuc/CountryInfo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Country Info

A modern web application that provides detailed information about countries worldwide, including their national symbols and real-time weather data.

Features

  • 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

Technologies Used

  • React.js
  • Vite
  • Axios for API integration
  • OpenWeather API
  • REST Countries API
  • Modern CSS with custom styling

Live Demo

[Country Info Link]

Getting Started

  1. Clone the repository
git clone https://github.com/lenguyenduyphuc/CountryInfo.git
  1. Install dependencies
npm install
  1. Set up environment variables Create a .env file in the root directory with:
VITE_API_KEY=[Your OpenWeather API Key]
  1. Start the development server
npm run dev

API Credits

License

MIT

Author

Le Nguyen Duy Phuc

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors