sarah27h / react-get-weather-app

Get Weather (React App)

React Get Weather app

Table of Contents

• About the Project
• Installing Instructions
• Offline First
• Credits
• License

About the Project

This project is a single page application from scratch to work as an interactive weather app built using React.js.

• user-friendly interface
• 100% Responsive for all screen sizes and
• Accessible for screen reader users with
• cross-browsers
• Fetched weather from openweathermap API using AJAX.
• Built a autocomplete for country
• Using an error handling messages to improve the user experience.

Installing Instructions

• download zip folder or clone project > https://github.com/sarah27h/react-get-weather-app.git

• For develoment mode

  • cd to your project directory
  • install all project dependencies with yarn install
  • open project in browser and start the development server with yarn start

• For production mode

  • cd to your project directory
  • install yarn build
  • to serve with static Server
  • serve -s build
  • Local host at http://localhost:5000

Offline First

Note: Service Worker works only in production mode

• cd to project directory
• Use serve -s build
• Make sure you are in online mode (offline not selected)

Credits

• React Docs https://reactjs.org/docs/getting-started.html
• Weather data from openweathermap API
• https://developer.mozilla.org/en-US/
• wW3schools.com
• Stackoverflow
• For fetching data https://www.robinwieruch.de/react-fetching-data/
• Quicksand font from Google Fonts
• weather icons used in Logo by Elias Bikbulatov from https://www.flaticon.com/authors/elias-bikbulatov

License

This project is licensed under the terms of the MIT license.