This project, created with React, is a website that utilizes the OpenWeatherMap API to display both weekly and real-time weather forecasts for any desired location.
- Instant and weekly weather forecast for a specific location.
- Each day can be expanded to view detailed weather information.
- Shows information such as temperature, felt temperature, humidity, wind speed, and pressure.
- When the location button is clicked, it redirects to the OpenWeatherMap page containing information about the entered location.
- It provides a warning when an invalid location is entered
- Get an API key from OpenWeatherMap and replace process.env.REACT_APP_API_KEY in Guncel.jsx and Haftalik.jsx with your API key.
- React
- Axios for API requests
- OpenWeatherMap API for weather data
- Icons from React Icons
- Styling with CSS (module)
- Sweetalert2 for alert
React Weather App (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── assets
│ │ └── [images]
│ ├── components
│ │ ├── guncel
│ │ │ ├── Guncel.css
│ │ │ └── Guncel.jsx
│ │ ├── haftalik
│ │ │ ├── Haftalik.css
│ │ │ └── Haftalik.jsx
│ │ └── search
│ │ ├── Search.css
│ │ └── Search.jsx
│ ├── pages
│ │ └── Home.jsx
│ ├── App.js
│ ├── App.css
│ └── index.js
├── package.json
└── yarn.lock
The project is compatible with both wide-screen computers and mobile devices.
- Weather data provided by OpenWeatherMap