Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/milliorn/weather-report
Web application for current weather information of a specific location. Provides real-time data. Integrates with OpenWeatherMap API to fetch accurate, up-to-date weather information.
https://github.com/milliorn/weather-report
api-integration dom-manipulation fetch-api front-end front-end-development frontend geolocation json mobile-friendly openweathermap react real-time responsive responsive-design tailwind user-interface weather weather-app weather-forecast web-development
Last synced: 5 days ago
JSON representation
Web application for current weather information of a specific location. Provides real-time data. Integrates with OpenWeatherMap API to fetch accurate, up-to-date weather information.
- Host: GitHub
- URL: https://github.com/milliorn/weather-report
- Owner: milliorn
- Created: 2022-07-18T15:00:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-01T20:31:35.000Z (about 1 month ago)
- Last Synced: 2024-10-06T05:41:41.214Z (about 1 month ago)
- Topics: api-integration, dom-manipulation, fetch-api, front-end, front-end-development, frontend, geolocation, json, mobile-friendly, openweathermap, react, real-time, responsive, responsive-design, tailwind, user-interface, weather, weather-app, weather-forecast, web-development
- Language: TypeScript
- Homepage: https://milliorn-weather-report.vercel.app/
- Size: 2.08 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather-report App
[](https://github.com/milliorn/Current-Weather/actions/workflows/pages/pages-build-deployment)
[](https://github.com/milliorn/Current-Weather/actions/workflows/github-code-scanning/codeql)
This repository contains a web application that displays the current weather information for a given location. Users can search for a city or town and retrieve the current weather conditions, including temperature, humidity, wind speed, and weather description.
The project is built using [React](https://github.com/facebook/create-react-app), [Tailwind CSS](https://tailwindcss.com/docs/guides/create-react-app), and utilizes the [OpenWeather](https://openweathermap.org/) API to fetch the weather data. It provides a user-friendly interface that dynamically updates the weather information based on the user's input from [GeoDB Cities](https://rapidapi.com/wirefreethought/api/geodb-cities/). Random images provided by [Unsplash](https://unsplash.com/)
## Features
- Search for the current weather of a specific location
- Display the temperature, humidity, wind speed, and weather description
- Responsive design for optimal viewing on different devices
## Live Demo
To see the Current Weather application in action, visit the [live demo](https://current-weather-one.vercel.app/).
## Technologies Used
- React: JavaScript library for building user interfaces
- OpenWeatherMap API: Provides weather data for locations worldwide
- CSS: Styling the components and layout
- Deployed on GitHub Pages
## Getting Started
To run the project locally, follow these steps:
1. Clone the repository: `git clone https://github.com/milliorn/Current-Weather.git`
2. Navigate to the project directory: `cd Current-Weather`
3. Install the dependencies: `npm install`
4. Start the development server: `npm start`
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the application.
## Contributing
Contributions are welcome! If you encounter any issues or have suggestions for improvements, feel free to create an issue or submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Acknowledgements
This project utilizes the OpenWeatherMap API to retrieve weather data. Special thanks to the creators and contributors of the open-source libraries used in this project.