Anga is a simple and intuitive weather application built using Vue.js. It allows users to view current weather conditions and the 3-hour forecast for up to 5 days. With a user-friendly interface, Anga makes it easy to manage saved locations and add new ones.
-
Homepage: The homepage displays all your saved locations. You can quickly glance at the weather information for each location.
-
Search Bar: Use the search bar to find and add new locations. Anga leverages an external weather API (OpenWeather) and a geocoding API (Mapbox) to fetch accurate weather data and location data.
-
Current Weather: Get real-time weather updates for your selected locations.
-
3-Hour Forecast: Plan ahead with the 3-hour forecast. Anga shows you how the weather will change throughout the day, allowing you to make informed decisions.
-
Clone this repository to your local machine:
git clone https://github.com/Arnie1x/anga.git
-
Navigate to the project directory:
cd anga -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and visit http://localhost:8080 to access Anga.
-
Obtain the MapBox GeoCoding and OpenWeather API keys
-
Create a
.envfile in the root directory and add your API key:VITE_OPEN_WEATHER_API_KEY=key_here VITE_MAPBOX_API_KEY=key_here
Contributions are welcome! If you find any issues or have ideas for improvements, feel free to submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.