Weather App using django & Vue

Overview

Welcome to the Weather App! This dynamic web application, crafted with Django and Vue.js, seamlessly integrates the Tomorrow.io Weather API to provide up-to-the-minute weather forecasts. With its intuitive search feature powered by the Google Maps API, get informed about weather conditions anywhere in the world.

Features

• Display real-time weather data for a specific location.
• Show current temperature, wind speed, precipitation probability, and more.
• Toggle to view a full weather report with additional details.
• Use a slider to view weather forecast for upcoming days.
• Search input for entering the desired location to fetch weather data.

Technologies Used

• Django
• Vue.js
• Vuetify
• Axios
• Moment.js
• Tomorrow.io Weather API
• Google Maps API for location search

Installation

To run the Weather App locally, follow these steps:

1. Clone the repository:

git clone https://github.com/your-username/weather-app.git

2. Navigate to the project directory:

cd weather-app

3. Install dependencies:

npm install

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

VUE_APP_API_KEY=your-tomorrow-io-api-key

5. Run the development server:

npm run serve

6. Open your browser and visit http://localhost:8080 to view the app

Usage

• Enter the desired location in the search bar and press Enter to fetch the weather data.
• Toggle the "Show Report" button to view additional weather details.
• Use the slider to navigate through the forecast for upcoming days.

Credits

• Weather data provided by Tomorrow.io.
• Icons from Material Design Icons.
• Location search powered by Google Maps API.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on GitHub or submit a pull request.

License

This project is licensed under the MIT License.