Weather App 🌦️

Contents

• Introduction
• Overview
• Concepts
• Libraries/Frameworks
• Installation
• Credits
• Testing
• Improvements

Introduction

A 5 day weather forecasting app. The first project in ManchesterCodes Frontend unit. Available to view in browser, hosted on heroku.

Overview

The App displays the weather for today and the next 5 days. It initially shows the weather for Manchester, but the user can search for other locations. Details of the weather for today are also displayed, and the user can select details for any other day displayed.

Concepts

• React
  • JSX,
  • Components,
  • Props,
  • PropTypes,
  • State,
  • React Hooks,
  • useEffect,
• Testing
  • React Testing Library
• API handling with axios
  • GET request and error handling

Libraries/Frameworks

• Node.js,
• React,
• PropTypes,
• React-Testing-Library,
• Axios,
• React-Weather-Icons;

Installation

1. Clone the repo.
2. Run locally on http://localhost:3000 with npm start

Credits

This is a Manchester Codes Project

Testing

Run the tests with npm test

Improvements

With more time I would: Use an icon to show wind direction Make it look prettier - maybe have the background show the current weather etc. Do a drop down of cities/towns available when searching.