Skip to content

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.

Notifications You must be signed in to change notification settings

BashisthaSudeep/react-weather

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

React-Weather

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.

App Screenshot

App Screenshot


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

App Screenshot

App 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

linkedin

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 82.0%
  • JavaScript 16.1%
  • SCSS 1.7%
  • HTML 0.2%