React.js Powered βοΈ: The app leverages the power of React.js to create a seamless and fast user experience.
OpenWeatherMap API π: Retrieves current and 5-day weather forecasts from the OpenWeatherMap API.
City Search π: Users can search for a city by name to get up-to-date weather conditions.
Weather Conditions βοΈ: Displays vital weather metrics like temperature, humidity, wind speed, and more.
Dynamic Background Images π: The app's background changes according to the current weather for an immersive feel.
HTML5 πΌοΈ
CSS3 π¨
JavaScript π
React.js βοΈ
Postman π¬ (for API testing)
Implement unit tests to ensure code reliability.
Add dark mode for better usability in low light.
Include user location functionality for automatic weather updates.
To get started and run this project locally, follow these steps:
git clone https://github.com/your-username/react-weather-app.git
cd react-weather-app
npm install
REACT_APP_WEATHER_API_KEY=your_api_key_here
npm start
We welcome contributions from developers of all skill levels! Whether you're fixing a bug, adding new features, or improving documentation, your help is appreciated.
To contribute:
# Click on the "Fork" button at the top right of the repository page
git checkout -b feature-or-fix-name
git commit -m "feat: describe your changes"
git push origin feature-or-fix-name
Big thanks to the amazing open-source community and OpenWeatherMap for providing the weather API! π