Skip to content

Sahilcreate/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Live Demo

See the Weather App here! Live Project Image

ABOUT THE PROJECT

Learning from The Odin Project curriculum.

This project was mostly working with APIs and asynchronous code.

Build With

Technologies

  • Javascript
  • CSS
  • HTML

Third-party code

  • date-fns
  • Google gonts

Tools

  • Visual Studio Code
  • Git and GitHub
  • Webpack
  • HTMLWebpackPlugin

OBJECTIVES

  • display weather using VisualCrossing API
  • can toggle Celcius and Fahrenheit
  • change look based on data (icons)
    • i used the svgs provided on visual crossing github
  • use Promises or Asyn/Await in the code
  • add a form that lets users input the location
  • handle errors

LESSON LEARNED

I was using the Divide and Conquer with other projects too, but project, although small, gave me better clarity on it.
I also thought about adding backgroud gifs depending on the weather but i think that wouldn't have really helped me with learning new things. Let's save it for future.
Working with APIs was fun. It is a whole new world of possibilities that i can't wait to explore.

SCOPE CREEP

  • Add responsiveness
  • Add accessibility
  • Add backgroud gifs according to weather
  • Add icons for weekly forecast
  • Add hourly forecast
  • Handle the Celcius and Fahrenheit fetch better
  • Add better error handling

ACKNOWLEDGMENTS