Giter Site home page Giter Site logo

weather-scanner's Introduction

Weather Scanner

This is a ReactJS project built to look further into stateless functional components in React.

This project is a weather application that calls the OpenWeatherMap API to render the conditions of supplied cities and countries.

Installation

Run in command line:

  • git clone
  • npm install
  • npm start

File Structure

  • /public

    • /index.html
    • /favicon.ico - small icon in tab title
  • /src

    • /index.js - renders App as root in ReactDOM
    • /App.js - exports overall App component that pulls together all components on render()
    • /App.css - implements styling
    • /components - definitions for all components that are used elsewhere
      • /Weather.js - exports Weather component
      • /Titles.js - exports Titles component
      • /Form.js - exports Form component
    • /img - assets for background image
  • /extras

    • /hello_react.html - hello world in react tutorial
  • /node_modules - no need to ever go in here, stores all the dependencies installed with npm install

  • /registerServiceWorker.js - no need to ever edit, serves assets from local cache to speed up subsequent visits

  • /package.json - declares dependencies to be installed with npm install

weather-scanner's People

Contributors

manasi-m avatar kenny-io avatar tobaolo avatar

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.