https://github.com/sarthakmishraa/city_weather

Track and personalize your weather experience with this Vue.js and Tailwind CSS web app, leveraging the OpenWeatherMap API. Add or remove weather cards for cities on the home screen, providing a dynamic and sleek interface for easy weather tracking. Stay informed effortlessly, making it a go-to solution for all your weather needs.
https://github.com/sarthakmishraa/city_weather

js openweathermap-api tailwind tailwind-css tailwindcss vue3 vuejs

Last synced: 3 months ago
JSON representation

Track and personalize your weather experience with this Vue.js and Tailwind CSS web app, leveraging the OpenWeatherMap API. Add or remove weather cards for cities on the home screen, providing a dynamic and sleek interface for easy weather tracking. Stay informed effortlessly, making it a go-to solution for all your weather needs.

• Host: GitHub
• URL: https://github.com/sarthakmishraa/city_weather
• Owner: sarthakmishraa
• Created: 2024-01-27T23:06:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-07T02:33:50.000Z (10 months ago)
• Last Synced: 2025-01-18T09:52:44.611Z (5 months ago)
• Topics: js, openweathermap-api, tailwind, tailwind-css, tailwindcss, vue3, vuejs
• Language: Vue
• Homepage: https://current-city-weather.netlify.app/
• Size: 44.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# City Weather

## Access the project on this link

See [City Weather by Sarthak Mishra](https://current-city-weather.netlify.app/).

# Weather Tracking Web Application

Build your personalized weather tracking experience with this web application created using Vue.js, Tailwind CSS, and the OpenWeatherMap API. Seamlessly check the current weather conditions for any city with an intuitive and user-friendly interface.

## Snippets

![Home](https://github.com/sarthakmishraa/city_weather/assets/56118819/46d13754-6f4f-4260-8ed4-063ef2348e25)

![WeatherPage](https://github.com/sarthakmishraa/city_weather/assets/56118819/8929e5df-09cd-4267-aec9-ea849ff95f0b)

## Key Features

- **City Weather Cards:** Add weather cards for specific cities directly to your home screen, tailoring your weather tracking experience to your preferences.

- **Dynamic Interactions:** Utilizing Vue.js, the application provides a dynamic and responsive user interface for a smooth and enjoyable experience.

- **Sleek Design:** Tailwind CSS ensures a modern and visually appealing design, enhancing the overall look and feel of the application.

## How to Use

1. Enter the desired city to instantly retrieve accurate and up-to-date weather information.

2. Personalize your experience by adding or removing city weather cards based on your preferences.

Explore the weather effortlessly, whether you're planning a trip, monitoring multiple locations, or staying informed about local weather conditions.

## Technologies Used

- [Vue.js](https://vuejs.org/): Frontend framework for dynamic interactions.

- [Tailwind CSS](https://tailwindcss.com/): Utility-first CSS framework for a sleek and responsive design.

- [OpenWeatherMap API](https://openweathermap.org/api): Reliable source for accurate weather data.

## Getting Started

1. Clone the repository.

   ```bash

   git clone https://github.com/sarthakmishraa/city_weather.git