Weavue 🌦️

A modern, elegant weather application built with Vue.js that provides accurate weather forecasts for multiple locations.

🌟 Features

• 📍 Current location weather detection
• 🔍 Search and add multiple cities
• 🌡️ Real-time temperature and weather conditions

🚀 Technologies Used

• Frontend Framework: Vue.js 3.5 with Composition API
• Type Safety: TypeScript
• State Management: Pinia
• Styling: Tailwind CSS
• Build Tool: Vite
• HTTP Client: Axios

📋 Prerequisites

• Node.js (>= 18.x)
• npm or yarn

📊 Project Structure

weavue/
├── public/              # Static assets
├── src/                 # Source files
│   ├── assets/          # Images and global styles
│   ├── components/      # Vue components
│   ├── composables/     # Reusable composition functions (useWeather)
│   ├── router/          # Vue Router configuration
│   ├── services/        # API service functions
│   ├── stores/          # Pinia stores (cities, location)
│   ├── types/           # TypeScript interfaces
│   ├── views/           # Page components
│   ├── App.vue          # Root component
│   └── main.ts          # Application entry point
├── index.html           # Entry HTML file
├── vite.config.ts       # Vite configuration
└── package.json         # Project dependencies

🙏 Acknowledgements

• WeatherAPI - Used for fetching weather data
• API Ninjas - Used for city information
• Google Fonts - Lobster, Lexend, Montserrat, and PT Sans fonts
• DaisyUI - Component library for Tailwind CSS
• Heroicons - Beautiful UI icons

📬 Contact

• Youssef Al Mostafa LinkedIn
• youssefalmostafa2@gmail.com

Project Link: https://github.com/youssef-al-mostafa/Weavue