• Todays highlights which includes

1. Sunraise & Sunset
2. Air Quality Index
3. Humidity
4. Pressure
5. Visibility
6. Feels Like

A reference picture is attached below

As soon as the webpage open it need to fetch the current location and it need to provide the weather of that area

Since we are using React.js as our front-end framework hence we should create different components for different UI elements rather than using DOM to access/manipulate them as it makes things confusing as it depicts that those elements are in the static index.html file but in reality they are just being returned inside the main WeatherApp function inside "WeatherApp.jsx".
I am attaching relevant screenshots here. Please look into it.

Last 5 days or last 6 days weather need to be displayed

When I try to download the report, I get an error fetching the forecast. This request doesn't work as intended: "https://api.weatherbit.io/v2.0/current?city=${cityName}&key=${apiKey}`"

Add a color to the backgourd

Better to add Gradient color

Make the website responsive which will fit to different devices
It need to be seen good even in mobile devices

Is your feature request related to a problem? Please describe.
No.

Describe the solution you'd like
I just want to put some toast package.

Describe alternatives you've considered
Some toast package will works.

Additional context
I want to work on this.

When typing in the search bar, the user should be able to click the enter button on the keyboard to search in addition with the search button.

Description

The current weather app could use some improvements in terms of responsiveness. As users are accessing the app on a variety of devices, ensuring a smooth experience on different screen sizes is crucial. Let's work together to make the app more responsive.

Expected Behavior

I expect the weather app to adapt seamlessly to various devices and screen sizes. Whether users are on desktops, tablets, or mobiles, the app should provide a user-friendly experience without any layout or functionality issues.

Suggested Changes

1. Implement responsive design principles for a more adaptive layout.
2. Use media queries to adjust the app's styling based on the device characteristics.

Let's make the weather app a delightful experience for users on all devices!

Feture update

Add Pressure Icon

Make necessary changes to display the current pressure

.

Tasks need to be done

• Add time in both format
• Add date
• Display Day

The "Fetch Report" button simply updates the forecast data without displaying anything to the user, whereas the "Download Report" button updates the forecast and allows for downloading. I suggest two potential solutions:

Add feedback to the "Fetch Report" action, such as displaying a message saying "Data fetched correctly, you can now download." Additionally, before enabling the "Download Report" button, verify if the data has been successfully fetched.

Alternatively, consider removing the "Fetch Report" button entirely if its function is redundant due to the "Download Report" action already updating the forecast.

These options would enhance the user experience by providing clarity and ensuring that users are aware when the data has been updated and is ready for download.

While typing the location / place name it need to suggest the place name

Where did you find this bug ?

Feels like sunraise and suset values

Explain about the bug.

For every place those values remain same

Task need to be done

• Get The report
• Upon clicking it need to fetch last 6 days weatherand create a downloadable pdf file
• Upon clicking the button it need to download the report

Icons are not aligned in a sequence way in both web browser and mobile browser.

After opening the website it asks for permission for the current location after that if I try to check the details of the other place it shows the same place as my current location,it is not changing. if I try to download the report then it is coming correctly.