A responsive and feature-rich weather app built with React, Vite, TypeScript, and Tailwind CSS. This app provides real-time weather updates, forecasts, and additional details such as temperature, humidity, and wind speed for locations around the world.
Check out the live demo: https://dekho-mausam.netlify.app/
- Real-Time Weather: Displays current weather conditions for any location.
- Hourly Forecasts: not added yet.
- Responsive Design: Fully optimized for mobile, tablet, and desktop devices.
- Search Functionality: Quickly find weather updates for your favorite cities.
This project leverages the following technologies:
- React: For building a fast and interactive UI.
- Vite: For blazing-fast development and build processes.
- TypeScript: To ensure type safety and enhance maintainability.
- Tailwind CSS: For rapid and responsive styling.
- weatherApi: To fetch real-time weather data.
Follow these steps to run the project locally:
Prerequisites
- Node.js (v16 or above)
- npm or yarn package manager
Installation
- Clone the repository:
git clone https://github.com/naitikagarwal/weather-app
cd weather-app- Install dependencies:
npm install- Set up API Key:
- Sign up at WeatherApi to get an API key.
- Create a .env file in the project root and add your API key
VITE_API_KEY= weather_api_key- Start the development server:
npm run dev- Visit the app: Open your browser and go to http://localhost:5173.
