1813amit / weather-dashboard

Weather-Dashboard is a web-based weather forecasting application created using React.js from scratch. It provides up-to-date weather information from all over the world

Weather-Dashboard

Steps to run on localhost

1. npm i Install dependencies

2. Start React app with npm start

Objective

Develop a web application that displays weather information for a user-selected city. This task primarily evaluates My ability to work with APIs, UI design, and React components.

Evaluation Criteria

Functionality: Does the application work as expected?

UI Design: Is the UI user-friendly and visually appealing?

Responsiveness: Does the layout adapt well to different screen sizes?

Code Quality: Is the code well-structured and clean?

Requirements

Framework: The application should be built using React.

API Integration: Use a free weather API (like OpenWeatherMap) to fetch weather data.

User Interface: The application should have an input field to enter a city name and a submit button.

Display: On submission, display the current weather information of the se4. selected city, including temperature, humidity, and weather conditions (sunny, cloudy, etc.).

Storage: Use local storage to remember the last searched city and its weather information, displaying it when the user revisits the app.

Responsiveness: The application should be responsive and provide a good layout on both mobile and desktop screens.

Error Handling: Include basic error handling for scenarios like invalid city names or API failures.

Bonus

Add icons or images representing the current weather condition.

Output

URL of the live app (can be hosted on platforms like Vercel, Netlify, or GitHub Pages)

Source code hosted on GitHub,Netlify