Giter VIP home page Giter VIP logo

weather-app's Introduction

weather-app

Weather App using OpenWeather API and Bootstrap

by Gavin Pili

(Generation :: Academy Xi | Junior Web Developer Program)

You can view the web app here: https://gavinpwd.github.io/weather-app/ This app was inspired by the painting of Caspar David Friedrich "Wanderer Above a Sea of Fog (1818)", awe-inspiring and genre-defining painting German Romantic art.

This weather web app was created using the following:

HTML5, CSS3, JavaScript Bootstrap v4.5.2 Unsplash API Google Fonts API

My Design Goals:

UI and UX should convey sense of fun and happiness A simple web layout with easy to use search bar Typography should be well-considered Strategic use of colours and icons Use of simple icons, bright colours and full screen image Show results like cards from left to right Mobile-friendly layout Consider using floating elements, transparency, opacity, shadows

My Coding Goals:

Use comments strategically Codes should be well organised and easy to read Utilise documentation from Bootstrap, MDN and W3CSchools website Reference any external code sources used Use at least one API as part of the project

Trajectory of this project:

This project was beyond the MVP requirement Resolve the Melbourne search issue - use a suggested list or geo-location API Adding a close button for each card result Add a compare, save and delete feature

Stretch Goal:

Create a Mobile app version that can be downloaded via mobile app store

Here is a sample screenshot of the web app:

ScreenShot

weather-app's People

Contributors

gavinpwd avatar

Stargazers

 avatar

Watchers

 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.