GithubHelp home page GithubHelp logo

weathermind's Introduction

WeatherMind

Overview:

WeatherMind is my take on the Apple IOS weather app. This weather app gets real time weather of your location. As well you can search locations all over the world for their current weather. When searching for weather you are able to see the forecast by the hour and the week. Also you can find more details about the current weather in your location. I built this app with the intent on converting this into a react native application.

Preview:

Select Weather Location Search Weather
WeatherMind WeatherMind

Getting Started:

These instructions will get a copy of the project up and running on your local machine for usage and testing purposes.

Frontend

clone down the repo: $ git clone https://github.com/MRKrog/WeatherMind

cd into directory and run npm install: $ npm install

Create a .env file and your google api key like below:

REACT_APP_GOOGLE_API_KEY=apiKeyHere

(make sure to add this .env file to your .gitignore)

Start up in your terminal: $ npm start

Backend

clone down the repo: $ git clone https://github.com/MRKrog/WeatherMind-api

create keys.js file at the same level as app.js - add the following export const apiKey = apiKey export const googleApi = 'apiKey

cd into directory and run npm install: $ npm install

Start up in your terminal: $ npm start

Future Development and Extensions Notes:

  • Built out functionality in React Native and used on mobile applications \
  • Add weather history features STLY & STLW weather display information \
  • Add Map feature to search locations through points on a map \
  • Add ability save places and locations

Technologies Used

WeatherMind was built using:

And tested using:

Contributors


Back to top

weathermind's People

Contributors

mrkrog avatar

Stargazers

 avatar

Watchers

James Cloos avatar

weathermind's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.