Code Monkey home page Code Monkey logo

ipad-weather-app's Introduction

iPad Weather App

Description

This is a single-page weather application made with ReactJS and vanilla CSS. By leveraging the data of a Geolocation API and a weather API this app shows you real-time data of the weather in your area.

I made this app as a capstone of a course to learn and practice ReactJS. The biggest hurdle I dealt with while making this application were how to properly deal with async functions and API calls so that undefined values don't break my code.

By breaking things into components as much as possible I could really understand how using React can massively increase the speed and scalability of front-end development.

Images

Homepage AppPage WeatherApp

Technologies Used

  • ReactJS
  • CSS3
  • JSX

Methods of Obtaining Data

  • IPGeolocation API
  • Open Weather Maps API

Features in Development

  • Integration with a PostgreSQL database to save preferences and user data
  • More functional applications such as a mock camera, a notepad, etc...
  • Add animations
  • Re-organize src folder to be easier to navigate

ipad-weather-app's People

Contributors

justinkim2015 avatar

Stargazers

Tech avatar

Watchers

 avatar

ipad-weather-app'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.