Skip to content

JT-OYEMADE/weather-app

Repository files navigation

Weather App

This project is a simple weather application built using React, TypeScript, and Vite.

Overview

This Weather App provides users with real-time weather data for various locations. It fetches weather information from a third-party API and displays it in a user-friendly format.

Features

  • Display current weather conditions including temperature, wind speed, humidity, and more.
  • Toggle between different temperature units (Celsius/Fahrenheit) and wind speed units (km/h/mph).
  • Automatic geolocation detection to fetch weather data based on the user's current location.
  • Responsive design for seamless usage on various devices.

Getting Started

Prerequisites

  • Node.js installed on your machine
  • npm or yarn package manager

Installation

  1. Clone the repository:
git clone <github.com/JT-OYEMADE/weather-app>
  1. Navigate to the project directory:
cd weather-app
  1. Install dependencies:
npm install
# or
yarn install

Running the App

  1. Start the development server:
npm run dev
# or
yarn dev

Open your browser and go to http://localhost:3000 to view the app.

Build

  1. To build the app for production, run:
npm run build
# or
yarn build

Technologies Used

  • React
  • TypeScript
  • Vite
  • Axios (for API requests)
  • Ant Design (for UI components)

API Used

This Weather App uses the Visual Crossing Weather API to fetch weather data. You'll need to obtain an API key from Visual Crossing Weather and set it up in your environment variables.

License

This project is licensed under the MIT License.

Feel free to customize the sections, add more details, or modify it according to your project's specific requirements.