weather-app

Table of contents

• Overview
  • The challenge
  • Problem Statement
  • Project Skeleton
  • Screenshot
  • Links
• My process
  • Built with

Overview

The challenge

To create an advanced weather app with Open Weather API

Problem Statement

Your company has recently started on a project that aims to create a well-designed weather app So you and your colleagues have started to work on the project.

Project Skeleton

weather-app (folder)
        |----index.html 
        |----style.css
        |----app.js
        

Screenshot

Links

• Live: Live Website

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Styled Components - For styles
• HTML Forms-Input Types
• HTML Form Elements
• CSS Colors-Border Properties
• CSS Margins-Padding
• CSS Properties for Texts-Font Families-Links
• CSS Overflow Property-The float Property-Opacity
• Transparency-Units in CSS
• Bootstrap
• Bootstrap Cards
• Javascript DOM
• Javascript Events
• Javascript Functions
• API
• Fetch API
• Comments