Welcome to the Weather App! This app allows users to check the current weather conditions, astronomy data, and weather forecast for any city around the world. Powered by the DaisyUI plugin for Tailwind CSS, the app provides a sleek and modern user interface with support for both light and dark modes.
- Search Bar: Users can input the name of a city to retrieve weather information.
- Dark Mode/Light Mode: Toggle between dark and light modes for personalized viewing.
- Loader: A loader is displayed while the app fetches weather data from the API.
- Current Weather: View the current weather conditions, including temperature, wind speed, humidity, and visibility.
- Astronomy Data: Access information about sunrise, sunset, moonrise, and moonset times for the selected city.
- Weather Forecast: Get a detailed weather forecast for the next 3 days.
- Responsive Design: The app is designed to work seamlessly across various devices and screen sizes.
- Vite: The app is built using Vite, a fast and modern build tool for web development.
- Tailwind CSS: Styling is done using Tailwind CSS, a utility-first CSS framework.
- DaisyUI: The DaisyUI plugin enhances Tailwind CSS with additional utility classes and components.
- React: The app is built with React, a popular JavaScript library for building user interfaces.
To run the Weather App locally, follow these steps:
- Clone the repository:
git clone <repository-url> - Navigate to the project directory:
cd weather-app - Install dependencies:
npm installoryarn install - Start the development server:
npm run devoryarn dev - Open your web browser and visit
http://localhost:3000
- Home Page: Upon visiting the app, users are greeted with the home page, which provides an overview of the app's features and functionality.
- Dashboard Page: Users can navigate to the dashboard page to search for weather information by entering a city name in the search bar.
- Toggle Dark/Light Mode: Users can switch between dark and light modes by clicking on the toggle switch provided in the app.
Contributions are welcome! If you would like to contribute to the Weather App, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature-name - Make changes and commit them:
git commit -am 'Add new feature' - Push to the branch:
git push origin feature-name - Submit a pull request with a description of your changes.
- DaisyUI for providing additional utility classes and components for Tailwind CSS.
- wttr for providing the weather API used in this app.