WeatherNaut is a simple weather app project created using HTML, CSS, and JavaScript. It utilizes Webpack for bundling and local storage to save the last searched location, ensuring that users can easily access their preferred weather updates. The app also features two modes, light and dark, which change automatically based on the system preferences.
Check out the live demo: WeatherNaut
-
Local Storage: The app saves the last searched location using local storage, providing convenience for users who frequently check the weather for a specific area.
-
Dark and Light Modes: Users can enjoy a personalized experience with two modes, light and dark, which automatically adjust based on the system settings.
-
Free Weather API: The app fetches weather data using the WeatherAPI.com API, ensuring accurate and up-to-date information.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/a-sad-dan/weatherNaut.git
-
Navigate to the project directory:
cd weatherNaut
-
Install dependencies:
npm install
-
Build the project:
npm run build
-
Open the
dist/index.html
file in your preferred browser to view the app.
-
Upon opening the app, it will automatically load the last searched location (if available) from local storage.
-
To search for a new location, enter the city name in the search bar and press Enter or click the search button.
-
The app will display the current weather information for the searched location, including temperature, humidity, wind speed, and more.
-
Enjoy the app in either light or dark mode, which adjusts based on your system preferences.
- Weather data is provided by WeatherAPI.com
Contributions are welcome! If you have any suggestions, improvements, or feature requests, please create an issue or submit a pull request on GitHub.
This project is licensed under the MIT License - see the LICENSE file for details.
Feel free to reach out to [email protected] for any questions or feedback. Happy weather checking! ๐ค๏ธ๐ง๏ธโ๏ธ