https://github.com/chathushi-r/weather-check

A React-based web application that provides current weather conditions and forecasts for a selected location.
https://github.com/chathushi-r/weather-check

css reactjs weather-api

Last synced: 6 days ago
JSON representation

A React-based web application that provides current weather conditions and forecasts for a selected location.

• Host: GitHub
• URL: https://github.com/chathushi-r/weather-check
• Owner: chathushi-r
• License: mit
• Created: 2024-10-22T10:20:49.000Z (23 days ago)
• Default Branch: master
• Last Pushed: 2024-10-28T13:35:35.000Z (17 days ago)
• Last Synced: 2024-10-28T16:11:42.803Z (17 days ago)
• Topics: css, reactjs, weather-api
• Language: JavaScript
• Homepage:
• Size: 1.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

A web application that provides users with the current weather conditions and forecasts for their selected locations. This app features a simple interface that allows users to quickly find weather information.

**Project Status:** The project is fully functional. Displays current weather conditions, 3-day forecast and hourly forecast for a selected location. 

**What is left to do**: Styling and layout is currently being refined to enhance responsiveness for different screen sizes. Also, need to update the list of countries.

**Features:**

- Weather Data Retrieval : Connected to the weather api that will fetch weather data for a specific location.

- Current weather information : Displays current temperature, humidity, wind speed, pressure, weather conditions (clear skies, cloudy) and the next 3-days forecast.

- Country/City selection: Allows users to easily select from a predefined list of countries and cities.

- Hourly weather forecast: Provides 24 hour weather forecast (temperature and condition) for each day of the 3-day forecast. 

**Technologies used:**

- Front-End: ReactJS (CSS for styling)

- Back-End: Utilized a weather api to fetch weather forecast data.