Skip to content

Kumar-Akshat22/Weather-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Website

A website where you can fetch the weather for your current location as well as any location in the world.

Features

  • There are two tabs and the user can easily toggle between them.
  • There is a Grant Location Button that asks for allowing the access to your current location.
  • Fully Responsive and looks awesome on mobile devices too.

Live Link

https://weather-app-amber-zeta.vercel.app

Tech Stack

Tech Stack Icons

Screenshots

App Screenshot1

App Screenshot2

App Screenshot3

Color Reference

Color Hex
colorDark1 #112D4E #112D4E
colorDark2 #3F72AF #3F72AF
colorLight1 #DBE2EF #DBE2EF
colorLight2 #F9F7F7 #F9F7F7

Lessons Learned

  • Building this project was exciting as well as challenging for me.
  • My JavaScript learnings were improved a lot.
  • I got to learn about how to fetch Data from an API and convert the response into JSON format to extract data from it.
  • The UI of the project is completely dynamic where the data is displayed using JavaScript.
  • There are a couple of Event Listeners added in the website especially in the search icon to handle it's behaviour when it's clicked.

About

This repo contains a weather app that I created using HTML,CSS & JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published