Description:
The Weather App is a comprehensive web application designed to provide real-time weather information for any location worldwide. This project leverages React.js for managing stateful components and Bootstrap for ensuring the app is accessible on any device, from mobile to desktop.
The focus was on creating an intuitive user interface that simplifies the complexity of weather data. The design prioritizes readability and ease of use, ensuring that users can quickly obtain the weather information they need without any hassle.
The color palette was chosen to visually represent various weather conditions effectively, enhancing user experience by using color coding to indicate temperature ranges, weather conditions, and alerts:
#085174 (Deep Ocean Blue)
#FFFFFF (Pure White)
#333 (Dark Gray)
#E0F7FA (Ice Blue)
#4CAF50 (Vibrant Green)
#2196F3 (Brilliant Blue)
For the development of the Weather App, I used the following technologies:
This project was a perfect opportunity to refine my React.js skills, particularly for managing asynchronous API calls to OpenWeather and updating the UI state based on user interactions. Bootstrap's responsive features were integral in making the app functional across various devices.
I am dedicated to ensuring my application is accessible to all users, including those with disabilities. To achieve this, I will conduct testing using the NVDA screen reader and the AXE extension, adhering to WCAG 2.0 standards throughout the development process. As my project testing progresses, I will document my accessibility testing efforts and eventually add pictures to showcase my testing methodologies and results, highlighting my commitment to creating an inclusive application.