Welcome to the Beautiful ReactJS Weather App project! In this project, I have created a weather app using ReactJS and the OpenWeatherMap API.
- Overview
- Features
- Getting Started
- Prerequisites
- Installation
- Usage
- Dependencies
- API Reference
- Contributing
- License
This project is a simple weather application built with ReactJS. It fetches weather data from the Meteosource Weather API and displays it in a user-friendly interface. This project aims to demonstrate how to integrate third-party APIs with React and how to build a complete application from scratch.
- Fetch and display current weather data for any location
- User-friendly interface with styled-components
- Responsive design
- Error handling for API requests
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
- Node.js (v14 or higher)
- npm (v6 or higher) or yarn
-
Clone the repository:
git clone https://github.com/yourusername/reactjs-weather-app.git cd reactjs-weather-app
-
Install the dependencies:
npm install # or yarn install
-
Create a
.env
file in the root directory and add your Meteosource API key:REACT_APP_WEATHER_API_KEY=your_api_key_here
-
Start the development server:
npm start # or yarn start
-
Open http://localhost:3000 to view it in the browser.
-
OR Visit Deployed Link to test the app in the browser.
This project uses the following dependencies:
- axios: A promise-based HTTP client for making requests to the Meteosource Weather API. It simplifies the process of handling HTTP requests and responses.
- bootstrap-icons: A library of free, high-quality icons designed for Bootstrap, but usable in any project. These icons enhance the visual appeal and user experience of the app.
This project uses the Meteosource Weather API to fetch weather data. You can find more information and sign up for an API key at the OpenWeatherMap API page.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository.
- Create your feature branch:
git checkout -b feature/my-new-feature
. - Commit your changes:
git commit -m 'Add some feature'
. - Push to the branch:
git push origin feature/my-new-feature
. - Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
Happy coding! If you have any questions, feel free to reach out Email me.