react-weather

React-Weather is a user-friendly weather application built using React, React-Router, Redux, and powered by LocationIQ and RESTCountries APIs. This documentation will guide you through the app's features, technologies, setup, and usage.

Stars
7

React-Weather

React-Weather is a user-friendly weather application built using React, React-Router, Redux, and powered by LocationIQ and RESTCountries APIs. This documentation will guide you through the app's features, technologies, setup, and usage.

Features

  • Weather Information: Get current weather details, temperature, humidity, wind speed, and conditions for a specified location.
  • Location Autocomplete: Utilize LocationIQ API for location autocomplete and efficient search functionality.
  • Country Information: Display country information using RESTCountries API based on the user's location.
  • Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.
  • State Management: Leverage Redux for state management, ensuring a smooth and synchronized user experience.

Technologies Used

  • React: A JavaScript library for building user interfaces, offering reusable components and dynamic rendering.
  • React-Router: A routing library for React, enabling efficient navigation and URL handling.
  • Redux: A state management library, centralizing and synchronizing data across the app.
  • LocationIQ API: Access geolocation data, location details, and autocomplete suggestions.
  • RESTCountries API: Retrieve country information and details.
  • React-Bootstrap: Styling with CSS for a visually appealing and responsive design.

App ScreenshotApp Screenshot

Run Locally

Clone the project

  git clone https://github.com/hsyntes/react-weather

Go to the project directory

  cd react-weather

Install dependencies

  npm install

Start the server

  npm start

Credits

  • Location data provided by LocationIQ API.
  • Country information provided by RESTCountries API.

Thank you for using the React-Weather app! Feel free to explore the source code, contribute, and enhance your weather experience using this intuitive React application.

🔗 Links