SkyCast Weather App

SkyCast is a dynamic web application that provides real-time weather updates for any location. The app allows users to check the current weather and forecast the coming hours and days. The goal is to offer an easy-to-use visually pleasing interface that delivers accurate and up-to-date weather information.

Key Features

• Real-Time Weather Data: Get instant access to current weather conditions.

• 5-Day Forecast: Plan ahead with a detailed 5-day weather forecast.

• Interactive Design: A sleek, modern interface powered by Vue.js and enhanced with GSAP animations.

• Responsive Layout: Fully optimized for desktop, tablet, and mobile devices.

• Custom Weather Icons: Unique icons for different weather conditions, ensuring a visually engaging experience.

• Dynamic Charts: Visualize temperature trends with interactive line charts using Chart.js.

Technologies

Front-End

• Vue.js: For building a reactive and component-based user interface.

• Tailwind CSS: For utility-first, responsive styling.

• GSAP: For smooth, high-performance animations.

• Chart.js: For creating interactive and dynamic weather trend charts.

APIs

• OpenWeatherMap API: For fetching real-time weather data and forecasts.

• Axios: For fetching weather data from an API.

Tools

• Vite: For fast and efficient development and bundling.

Installation

• Clone the repository:

  git clone https://github.com/PariaSoleimani/skycast-vue.git
  cd skycast-vue

• Install dependencies:

  npm install

• Run the development server:

  npm run dev

Contact

If you have any questions, feedback, or suggestions regarding the project, feel free to contact me at!