Skip to content

Repository files navigation

🌤 WeatherAndForecast

Application built with React and Vite to fetch and display current weather and forecast data using the OpenWeatherMap API. This is a simple frontend application that makes API requests to retrieve weather information. No backend installation is required.

🔧 Installation and Setup

Step 1: Clone or Fork the Repository

To begin, clone or fork this repository from GitHub to your local machine:

 # Clone the repository
git clone https://github.com/mgblanco10/weatheAndForecast.git

# Navigate into the project directory
cd weatheAndForecast

Step 2: Install Dependencies

 npm install

Step 3: Start the Development Server

npm run dev

Step 4: Start the Development Server

The application will now be available at:

http://localhost:5173/

🛠 Some Technologies and Tools Used

React JavaScript vscode github postman

🚀 How It Works

  1. Input Coordinates: Enter the latitude and longitude in the provided input fields.
  2. Search by City: Alternatively, you can enter the name of a city to fetch its weather data.
  3. Fetch Weather Data: Click the "Check Weather" button to retrieve the weather data using the OpenWeatherMap API.
  4. View Results: The application will display weather information for the entered coordinates, including a detailed 7-day forecast.

💡 Future Enhancements

  • Include additional weather details such as UV index and air quality index.
  • Add user authentication for personalized weather preferences.

Important note about API token

This project includes an OpenWeatherMap API token to facilitate technical review. The token is designed exclusively for this test and should not be reused outside of this project. If you need to regenerate the token or set up your own, see OpenWeatherMap for more information.

About

Application in react with OpenWeatherMap API calls to request forecast and current weather

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages