https://github.com/johnkeyscloud/weather-app

A weather app that uses weatherAPI, built for The Odin Project
https://github.com/johnkeyscloud/weather-app

api api-rest async await es6 javascript promises weather weather-api weather-app webpack

Last synced: about 2 months ago
JSON representation

A weather app that uses weatherAPI, built for The Odin Project

• Host: GitHub
• URL: https://github.com/johnkeyscloud/weather-app
• Owner: JohnKeysCloud
• Created: 2024-02-26T01:37:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-26T05:02:06.000Z (over 2 years ago)
• Last Synced: 2024-02-27T03:25:38.071Z (over 2 years ago)
• Topics: api, api-rest, async, await, es6, javascript, promises, weather, weather-api, weather-app, webpack
• Language: JavaScript
• Homepage: https://johnkeyscloud.github.io/weather-app/
• Size: 14 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# weatherApp 🌡️

[![weatherApp-demo](https://github.com/JohnKeysCloud/weather-app/assets/90482169/13f21d57-5dff-4347-bc73-29797494be19)](https://johnkeyscloud.github.io/weather-app/)

A weather app built The Odin Project.

I designed and authored this project using JavaScript, CSS, SCSS and EJS for templating. 

### - ツkc💭

## Tools

* VS Code

* Git & Github

* JavaScript ES6

* SASS/SCSS/CSS3 

* HTML5

* Webpack

* NPM

* Babel

* Node JS

* Terminal

## Utitlity Dependencies

* weatherAPI

## Summary

* Used HTML5 **semantic elements** for better readability, structure & accessibility (i.e., setting the active tab on the web application through the use of the "aria-current" attribute).

* Used **Git** & **GitHub** for source control/project management. 

* **Cross tested**, mobile-first design. Functional on all browsers and screen sizes.

* Used Fetch API with async-await syntax (Also authored a standard ES6 Promise syntax version (commented out)).