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.
- 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.
- Django
- Vue.js
- Vuetify
- Axios
- Moment.js
- Tomorrow.io Weather API
- Google Maps API for location search
To run the Weather App locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/weather-app.git
- Navigate to the project directory:
cd weather-app
- Install dependencies:
npm install
- Create a .env file in the root directory and add your Tomorrow.io API key:
VUE_APP_API_KEY=your-tomorrow-io-api-key
- Run the development server:
npm run serve
- Open your browser and visit http://localhost:8080 to view the app
- 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.
- Weather data provided by Tomorrow.io.
- Icons from Material Design Icons.
- Location search powered by Google Maps API.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on GitHub or submit a pull request.
This project is licensed under the MIT License.