Skip to content

🌤️ Skywatch: Your go-to weather app. Current conditions, 7-day forecast, multi-city monitoring, powered by OpenWeather API.

Notifications You must be signed in to change notification settings

DanteTerry/skywatch

Repository files navigation

react.js tailwindcss

SkyWatch

SkyWatch: Your ultimate weather companion. Get current weather conditions, 7-day forecast, powered by OpenWeather API.

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start
  5. 🚀 More

Skywatch" is your comprehensive weather dashboard app, offering a seamless experience for staying updated on atmospheric conditions.

With a sleek interface, it provides instant access to current weather data and a 7-day forecast, ensuring you're always prepared for the days ahead.

Conveniently, it allows you to monitor the weather in five different cities simultaneously, making it ideal for travelers or those with diverse interests.

Powered by the reliable OpenWeather API, Skywatch delivers accurate information including wind speed and other essential metrics.

Whether you're planning outdoor activities, commuting, or simply staying informed, Skywatch is your trusted weather companion.

  • React
  • TailwindCSS
  • Vite

✨ Sleek Interface: Enjoy a modern and intuitive dashboard design for effortless navigation and access to vital weather information.

🌤️ Current Conditions & 7-Day Forecast: Stay updated with real-time weather data and plan ahead with a detailed 7-day forecast for any location.

🌍 Multi-City Monitoring: Easily track weather conditions in up to five different cities simultaneously, perfect for travelers and weather enthusiasts.

🌀 Wind Speed & Essential Metrics: Get comprehensive insights into wind speed and other essential weather metrics to better plan your outdoor activities.

🔒 Reliable OpenWeather API: Powered by the trusted OpenWeather API, Skywatch ensures accurate and up-to-date weather information for every user.

📱 Seamless Accessibility: Access Skywatch anytime, anywhere, whether you're on the go or at home, for reliable weather updates wherever you are.

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/DanteTerry/skywatch.git
cd skywatch

Installation

Install the project dependencies using npm:

npm run dev

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

# OpenWeatherMap API
WEATHERAPI_URI= https://api.openweathermap.org/data/2.5/weather
VITE_WEATHERAPI_KEY=
VITE_WEEKLY_WEATHERAPI_KEY=



Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the OpenWeatherApi

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

Connect with Me

Feel free to reach out if you have any questions, feedback, or just want to chat! You can connect with me via:

Thank you for visiting

About

🌤️ Skywatch: Your go-to weather app. Current conditions, 7-day forecast, multi-city monitoring, powered by OpenWeather API.

Topics

Resources

Stars

Watchers

Forks