This is a simple weather app built using React and TypeScript. It allows users to search for weather information for a specific location and displays the current temperature, weather description, feels-like temperature, humidity, wind speed, a sun/moon emoji based on the time of day and more.
- Search for weather information by entering a city name.
- Displays current weather details, including temperature, description, feels-like temperature, humidity, wind speed, etc.
- Shows a sun emoji ☀️ if it's daytime and a moon emoji 🌕 if it's nighttime.
- Clone the repository:
git clone git@github.com:Maskalito/WeatherApp.git- Change to the project directory
cd WeatherApp- Install the dependencies using npm or yarn
npm installor
yarn install-
Go on the site https://www.weatherapi.com/. Sign up (for free) and on your page copy your api key.
-
Create a .env file that use .env.example architecture
- Start the development serveur :
npm startor
yarn start- React: A JavaScript library for building user interfaces.
- TypeScript: A typed superset of JavaScript that helps improve code quality and maintainability.
- Axios: A popular library for making HTTP requests.
- CSS: Styling the user interface.
The weather data is provided by WeatherAPI.com.