A modern web app that provides weather forecasts and agricultural advisories to help farmers and enthusiasts make informed decisions. Built with Vite, Vanilla JavaScript, and OpenWeatherMap API.
- 🌍 Search weather by city and province in the Philippines
- 📍 Use current location to get local weather
- 🌡️ Display temperature, humidity, wind, pressure, precipitation, and sunrise/sunset
- 📅 7-day weather forecast
- ⏱️ Hourly weather forecast
- 📌 Pin favorite locations (max 3)
- 🌾 Agricultural farming advisory tips based on weather conditions
- 📚 Educational guide on weather parameters (pressure, humidity, rain, wind, etc.)
- Vite - Frontend build tool
- Vanilla JavaScript - Interactive functionality
- CSS / Glassmorphism - Modern UI design
- BoxIcons - Icons
- OpenWeatherMap API - Weather data
- Clone
- Go to Directory
- npm install
- create env and put API KEY
- VITE_JOKE_KEY=your_api_key_here
- npm run dev
Additional: npm install -D tailwindcss@3 postcss autoprefixer npx tailwindcss init -p
- Open the app in your browser (usually
http://localhost:5173) - Search for a city (and optionally province)
- Click My Location to get local weather
- View hourly and weekly forecasts
- Pin your favorite locations for quick access
- OpenWeatherMap API for weather data
- BoxIcons for icons
- Vite for build tooling
- Inspired by modern weather and agricultural apps
- This is supposed for Youmanitarian International Organizational Website. But for some reasons, we just separate it and will connect in the future...
Je-ric – GitHub Profile