Author Name

This was a group project. The authors of this project are Emmanuel Nyaanga, Derrick Ndinya, Enoch Kibet, Efjeniah, and Edith Chelang'at.

Background Information on App.

This weather app is instrumental in providing users with accurate weather information across all available locations. The app has an easy UI feel for all users as the app is primarily meant to fit the aesthetics of weather hobbyists, tourists, tour companies, etc.

This app is proactive and takes a center-forward approach that ensures the users' needs are well taken care of.

Overview

This Weather App is a React-based application designed to provide users with weather information for a selected city. It includes various components for displaying weather data, managing forecasts, and navigating through different sections of the applications.

This app offers users the ultimate experience by protecting the user from spammy ads.

At Monstro, we create Monstro for our people. Our people deserve the best.

Monstro To The World.

Components Used.

• NavBar.js
• About.js
• TemperatureConverter.js
• WeatherComparison.js
• WeatherCard.js
• WeatherForm.js
• BackgroundDisplay.js

Brief Explanations

Here's a brief explanation of each:

1. NavBar.js: This file contains the code for the navigation bar component of our web application. It includes links for navigating between different pages or sections of the website.

2. About.js: This file contains the code for the "About" page or section of our web application. It includes information about the purpose of the application, its creators, or any other relevant details.

3. TemperatureConverter.js: This file contains the code responsible for converting temperatures between different units, such as Celsius, Fahrenheit, or Kelvin within our app. It could be part of a weather-related application or utility.

4. WeatherComparison.js: This file contains the code for a component that compares weather data between different locations or periods.

5. WeatherCard.js: This file contains the code for a component that displays weather information for a specific location in a card-like format. It includes details such as temperature, humidity, wind speed, and weather conditions.

6. WeatherForm.js: This file contains the code for a form component used to input location or search criteria for fetching weather data. Users might enter a city name, ZIP code, or coordinates to retrieve relevant weather information.

7. BackgroundDisplay.js: This file contains the code for a component responsible for displaying background images or colors based on weather conditions, time of day, or other factors. It enhances the visual appeal of the application.

These components are essential in helping us organize and modularize our code for easier development and maintenance.

Features

• Current Weather: View real-time weather conditions, including temperature, humidity, wind speed, and more, for any specified location.

• Weather Forecast: Access hourly and daily forecasts to plan activities or trips accordingly. The forecast includes details such as temperature trends, precipitation probability, and wind direction.

• Location-based Weather: Get weather updates based on the user's current location, allowing for quick and convenient access to local weather information.

• Search Functionality: Easily search for weather forecasts in any location worldwide. The search feature supports autocomplete to streamline the process of finding specific locations.

• Multiple Locations: Save multiple locations for quick access to weather information for frequently visited or preferred places.

• Customization Options: Personalize the app by adjusting settings such as temperature units (Celsius or Fahrenheit), wind speed units, and time formats to suit individual preferences.

• User-friendly Interface: Enjoy a clean and intuitive user interface with easy-to-navigate menus, clear icons, and minimalistic design for a seamless user experience.

• Offline Access: Access previously viewed weather data even when offline, ensuring users can check weather forecasts regardless of internet connectivity.

Technologies Used

• Frontend: HTML, CSS, React.js.
• Website hosting: Vervel.
• API hosting: Render.

Installation

To run the Weather App locally, follow these steps:

• Clone the repository: git clone https://github.com/your/repository.git
• Navigate to the project directory: cd monstro-app
• Install dependencies: npm install
• Start the development server: npm start
• Open your browser and visit http://localhost:3000 to access the Weather App.

Contributors

1. Emmanuel Nyaanga - Scrum Master.
2. Derrick Ndinya - Developer
3. Enoch Kibet - Developer
4. Edith Chelang'at - Developer
5. Efjeniah Mwawughanga - Developer

License

• This project is licensed under the Just React Group.