Skip to content

bardan8586/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A simple and responsive weather application built with Vite + React and powered by a weather API. This app provides real-time weather information for any city worldwide.

Features ✨ Real-time Weather Data: Fetch and display current weather conditions for any city.

Search Functionality: Users can search for weather information by city name.

Responsive Design: Works seamlessly on desktop and mobile devices.

Dynamic Hourly Icons: Background changes based on weather conditions (e.g., sunny, rainy, snowy).

Temperature Unit : Celsius

Technologies Used 🛠️ Frontend: React, Vite

Styling: CSS

API: OpenWeatherMap API (or the specific API you used)

Deployment: Vercel/GitHub Pages)

Installation 🚀 To run this project locally, follow these steps:

Clone the repository:

bash Copy git clone https://github.com/your-username/weather-app.git Navigate to the project directory:

bash Copy cd weather-app Install dependencies:

bash Copy npm install Set up environment variables:

Create a .env file in the root directory.

Add your API key:

env Copy VITE_API_KEY=your_api_key_here Run the development server:

bash Copy npm run dev Open the app:

Visit http://localhost:3000 in your browser.

Usage 🖥️ Enter the name of a city in the search bar.

View the current weather conditions, including temperature,and weather description.

Contributing 🤝 Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

Fork the repository.

Create a new branch:

bash Copy git checkout -b feature/your-feature-name Commit your changes:

bash Copy git commit -m "Add your commit message here" Push to the branch:

bash Copy git push origin feature/your-feature-name Open a pull request.

Acknowledgements 🙏 Thanks to OpenWeatherMap for providing the weather data API.

Built with ❤️ using Vite and React.

Future Goals: Toggle between standard units of temperature, Visual dyanmic backgrounds with weather status, Radar Map visualization for weather with geography,

About

A React App for weather map using Weather API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors