Weather Forecast App

Introduction

Welcome to the Weather Forecast App, a cross-platform mobile application developed using the .NET MAUI framework and C#. This app provides real-time weather updates for various locations, offering users an intuitive and reliable way to access essential weather information.

This project showcases my skills in mobile app development, particularly using .NET MAUI, while integrating external APIs for real-time data retrieval and experimenting with key features to enhance user experience.

Motivation

The primary motivation for developing this app was to create a user-friendly tool for accessing weather data. Accurate weather forecasts are crucial for planning daily activities, and this app delivers this information in a clean and accessible manner.

Through this project, I aimed to:

Enhance my skills in .NET MAUI and mobile application development.
Integrate an external weather API to handle real-time data.
Explore implementing features like dark mode and feedback submission to elevate the app’s usability.

Features

The Weather Forecast App includes the following features:

Current Weather Display:
- Shows the current weather for a selected location, including temperature, weather conditions (e.g., light rain), and the time of the latest update.
Unit Conversion (Prototype):
- A toggle option to switch between Celsius and Fahrenheit. While the feature is partially functional, a prototype demonstrates the attempt to implement this capability.
Dark Mode:
- A settings page allows users to switch between light and dark modes, enhancing usability and visual comfort.
Feedback Form (UI Prototype):
- A feedback page enables users to submit feedback. While the UI is complete, database integration is pending, so submissions are not yet saved.
Cloud Integration:
- The app connects to a public weather API to fetch real-time data, ensuring accuracy and relevance.
Responsive Design:
- The user interface is intuitive and responsive, ensuring a seamless experience across various devices and screen sizes.

How It Works

Upon launching the app, users are presented with a home screen displaying the current weather for a default location. Users can:

Change the location by entering a new city name.
View additional weather details such as humidity, wind speed, pressure, and cloudiness.
Access the settings page to toggle between light and dark mode.
Navigate to the feedback page to submit their comments (UI only).

The app leverages a public weather API to fetch and display real-time weather data for the specified location.

Video Demonstration

The video demonstration showcases the following:

Home Screen Overview:
- Display of the current weather, including temperature and conditions, for a default city (e.g., Birmingham, GB).
Location Search:
- How users can enter a new city and fetch updated weather information.
Settings Page:
- Toggle functionality for light and dark modes.
Unit Conversion Prototype:
- Demonstration of the Celsius-to-Fahrenheit conversion prototype.
Feedback Page:
- Navigation to the feedback form, showing the UI design and future potential for database integration.
Cloud Integration:
- Explanation of how the app integrates with the external weather API for real-time data retrieval.

Challenges and Limitations

This project was a significant learning experience, and there were challenges along the way:

Unit Conversion:
- A functional prototype exists, but the conversion logic produces incorrect results in the current build.
Feedback Submission:
- While the UI for the feedback form is complete, the lack of database integration prevents submissions from being saved.
Limited Cloud Integration:
- Currently, the app uses only one API endpoint for weather data. Future versions could include multi-day forecasts or advanced features.

Future Improvements

To further enhance the app and align it with professional-grade applications, the following improvements are planned:

Correct the Celsius-to-Fahrenheit conversion logic and fully integrate it into the app.
Implement database functionality to enable feedback submission and storage.
Add multi-day weather forecasts and additional API endpoints.
Refactor the codebase to implement advanced design patterns for improved scalability.
Include animations and more advanced UI features to improve user experience.

Acknowledgements

Weather API: Data provided by OpenWeatherMap.
Development Framework: Built using .NET MAUI.

Conclusion

The Weather Forecast App represents a significant milestone in my development journey, showcasing my ability to build and design cross-platform applications. While there is room for improvement, this project reflects the effort and creativity I invested to deliver a functional and visually appealing app.

Thank you for reviewing my work, and I hope you find the app as engaging as I intended.

mohamme60/6002CEM_SulaimanMohammed

About

Resources

Stars

Watchers

Forks

Releases

Languages