heyitsashleyhere / Weatherapp-Devchallenge

Front-end challenge: Weather App

Home Page:https://heyitsashleyhere.github.io/Weatherapp-Devchallenge/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather App

Solution for a challenge from Devchallenges.io.

Table of Contents

Overview

demo

Frontend challenge to create a weather app using an API and a Frontend library:

  • User can see their city weather as default (using prompt for privacy reasons)
  • User can see weather of today and the next 5 days
  • User can see the date and location of weather
  • User can see according to image for each type of weather
  • User can see the min and max degree each day
  • User can see wind status and wind direction
  • User can see humidity percentage
  • User can see a visibility indicator
  • User can see air pressure
  • User can set temperatures in Celsius or Fahrenheit
  • User can add cities in their Search section
  • User can switch to their default city by clicking on the target icon
  • Design: devChallenges' Figma File
  • Responsive: Mobile and Desktop
  • Duration: 2-3 days
  • NOTE: All data are stored in user's local storage, no backend

Built With

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone git@github.com:heyitsashleyhere/Weatherapp-Devchallenge.git

# Install dependencies
$ npm install

# Run the app
$ npm start

Contact

About

Front-end challenge: Weather App

https://heyitsashleyhere.github.io/Weatherapp-Devchallenge/


Languages

Language:JavaScript 50.2%Language:SCSS 47.0%Language:HTML 2.8%