Weather App

Table of contents

• Overview
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

Screenshot

Links

• Live Site URL: Live URL

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Sass

What I learned

I learned how to use sass @mixin and fetch data from API in JavaScript.

@mixin display($display, $justify, $align)
    display: flex
    justify-content: $justify
    align-items: $align

const fetchWeather = async (city) => {
    let date = new Date();
    const APIkey = '86f60f58f0e04aabf2a4d950d3b57933';
    const url = "https://api.openweathermap.org/data/2.5/weather?units=metric&q=";
    const res = await fetch(url + city + `&appid=${APIkey}`)
    const data = await res.json();
};

Useful resources

• Sass Docs - This helped me to learn Sass. I really liked its documentation and will use it going forward.
• MDN - This is an amazing website which helped me finally understand eval(). I'd recommend it to anyone still learning this concept.

Author

• Website - Adniya Yousaf