Skip to content

This Beautiful Weather Application helps in learning React basic concepts like state and props, API integration, data visualization, performance optimization, and UI design. It allows users to check the weather forecast for given location.

License

Notifications You must be signed in to change notification settings

vikas-parmar/WeatherSense

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

screenshot

Description 📌

Greetings fellow developers!
This amazing Web Application allows users to check the weather forecast for a specific location. The app is built using React, a popular JavaScript library for building user interfaces, and it utilizes modern web development technologies such as CSS, HTML, and JavaScript. I used openweathermap api for weather forcast.

Users can enter a location in the search bar and the app displays the current weather conditions. The app can also display additional information like wind speed and humidity.

Links

Technologies Used

React Vite Styled Components Vercel CSS BADGE GIT BADGE GITHUB BADGE

Package Manager is NPM
Used Library is React
Used Tool Vite
Deployed On Vercel

Taken Weather API from-

https://api.openweathermap.org

Install

npm install

Usage

npm run dev

React Animated Weather

For react animated component

npm i react-animated-weather

What I learn from this project

  • React Concepts : Components, props, state managment, conditional rendering and event handling.
  • API integration: Learn how to fetch data from an external API and use it to populate your app.
  • Project management: Learn how to plan, organize, and manage a project from start to finish.

Optimizations

When I improve this repository,

  • I'm going to add one more component. In that component i will add some logic related to current date, user's location name and the forecast for the next few days.
  • I want to improve this App with additional features, like asking users to allow the app to use their device's location for weather forcast.

Author

About

This Beautiful Weather Application helps in learning React basic concepts like state and props, API integration, data visualization, performance optimization, and UI design. It allows users to check the weather forecast for given location.

Topics

Resources

License

Stars

Watchers

Forks