A simple Weather App that allows users to check the weather for a specific location.
Check out the live demo of the Weather App here.
- VueJS (Frontend framework)
- OpenWeatherMap API (Weather data)
- Axios (HTTP requests)
- MapBox (Location Data)
- Clone the repository:
git clone https://github.com/waziaq/vue3-typescript-weather-tailwinds.git
- Install dependencies:
npm install
- Get your API key from OpenWeatherMap.
- 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"
- Start the development server:
npm run dev
- Open your browser and visit
http://localhost:5173
to view the app.
- 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.
The Weather App uses the OpenWeatherMap API to fetch weather data.
Contributions are welcome! Please fork the repository and create a pull request.
If you encounter any bugs or have suggestions for improvements, please submit an issue.
This project is licensed under the MIT License.
For any inquiries or questions, feel free to contact me at [email protected] .
- Weather icons by Icons8.
Future updates for the Weather App may include:
- Weather map with radar imagery.
- Detect location by IP Adress.
- PWA
- Still tinking ...