SWA: Simple Weather App

A simple Weather App that allows users to check the weather for a specific location.

Demo

Check out the live demo of the Weather App here.

Technologies Used

• VueJS (Frontend framework)
• OpenWeatherMap API (Weather data)
• Axios (HTTP requests)
• MapBox (Location Data)

Installation

1. Clone the repository: git clone https://github.com/waziaq/vue3-typescript-weather-tailwinds.git
2. Install dependencies: npm install

Usage

1. Get your API key from OpenWeatherMap.
2. Create a .env file in the root directory and add your API key:

VITE_MAP_BOX_KEY="YOUR_MAP_BOX_KEY"
VITE_WEATHER_APP_ID="YOUR_WEATHER_APP_ID"

3. Start the development server: npm run dev
4. Open your browser and visit http://localhost:5173 to view the app.

Features

• Get the current weather for a specified location.
• Display temperature and weather conditions.
• Search for weather by city.
• Automatically detects user's location for weather information.
• 5-day weather forecast.

API Documentation

The Weather App uses the OpenWeatherMap API to fetch weather data.

Contributing

Contributions are welcome! Please fork the repository and create a pull request.

Bug Reporting and Issue Tracking

If you encounter any bugs or have suggestions for improvements, please submit an issue.

License

This project is licensed under the MIT License.

Contact

For any inquiries or questions, feel free to contact me at [email protected] .

Acknowledgments

• Weather icons by Icons8.

Roadmap

Future updates for the Weather App may include:

• Weather map with radar imagery.
• Detect location by IP Adress.
• PWA
• Still tinking ...