Skip to content

Daniyaalbeg/WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WeatherSniffer

Like most outdoor activities, the weather dictates how motivated we are to leave the house. Walking a dog is no different. Unlike other pets, dogs have to be taken for regular walks or their health can deteriorate. WeatherSniffer not only shows the weather but informs a user whether now is a suitable time to walk your dog.

Table of Contents

Getting Started

Prerequisites

Installing

Deployment

Operation

Built With

Authors

Screenshot

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

The following software and libraries need to be installed before running the project.

  • Node.js with NPM
  • React-toggle-switch
  • React-geolocated
  • React-select

Installing

Install Node.js. This can be installed from their official website

https://nodejs.org/en/

Download and install the latest version of Node.js. npm (Node package manager) will automatically be installed with Node.js After installing Node with npm, you can now clone the repository either with git or by downloading it manually. Open the project with your selected editor.

Before you start running the project two libraries must be installed. alt text

In the root of the project open either terminal, if you’re on Linux or Windows Powershell, if you’re on windows and type the following commands

npm install

npm install React-geolocated

npm install React-toggle-switch

npm install React-select

Deployment

Click me for deployment instructions

Operation

When you first start the app you're placed in the settings Screen prompting you to set your location. In the following menu you also have a choice to set your name, dogs name and breed.

Alt text

After you are happy with the changes click on the Save Settings button this will seamlessly refresh the app and will start desplaying the necessary data.

Alt text

If you swipe the left on the city bar you can see a bi-hourly forecast.

Alt text

If you want to see the next day's forecast swipe left of the dog kennel.

Alt text

If you wish to change any of your settings at anytime simply swipe up to access the setting panel.

Built With

  • NODE – Application Framework
  • React – A Web Library for Node
  • WUnderground – Weather API

Authors

  • Neshanthan Annalingam – API programmer/PHP Scripter
  • Thomas Bunyan – CSS Designer/Programmer
  • Daniyaal Beg – GUI designer/Programmer/ CSS designer
  • Kaamil Jasani – Programmer/ CSS designer
  • Ian Zakharov – GUI designer/ Programmer

About

By SnifferStudios (Not a real studio)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •