feyzibrahim/weather-app-vue

Vue.js Weather App

This is a simple weather app built using Vue.js. It allows users to check the current weather conditions of various locations.

Features

• View current weather conditions for different locations.
• Search for weather by city name.
• Display temperature in Celsius or Fahrenheit.
• Responsive design for mobile and desktop.

Technologies Used

• Vue.js
• OpenWeatherMap API
• HTML5
• CSS3

Installation

1. Clone the repository:

• git clone https://github.com/yourusername/vue-weather-app.git

2. Navigate to the project directory:

• cd vue-weather-app

3. Install dependencies:

• npm install

4. Create a .env file in the root directory and add your OpenWeatherMap API key:

• VUE_APP_API_KEY=your_api_key_here

5. Start the development server:

• npm run serve

6. Open your browser and navigate to http://localhost:5173.

Usage

• Enter a city name in the search bar and press Enter or click the search button to view the weather for that location.
• Toggle between Celsius and Fahrenheit by clicking on the temperature unit.
• Explore the current weather conditions for different cities.

Contributing

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

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature).
3. Make your changes.
4. Commit your changes (git commit -am 'Add some feature').
5. Push to the branch (git push origin feature/your-feature).
6. Create a new Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.