WeatherTap is a modern, responsive weather application built with React that provides real-time weather information and forecasts. With a clean, intuitive interface and powerful features, it helps users stay informed about weather conditions anywhere in the world.
Click to view Screenshots
- Real-Time Weather Data: Get current weather conditions for any location
- 3-Day Forecast: View detailed weather predictions for the next three days
- Geolocation Support: Automatically fetch weather for your current location
- Dark Mode: Toggle between light and dark themes for comfortable viewing
- Temperature Units: Switch between Celsius and Fahrenheit
- Advanced Weather Details: Access detailed meteorological data including:
- Sunrise and sunset times
- Wind speed and direction
- Humidity levels
- Visibility conditions
- "Feels like" temperature
- Weather Alerts: Receive important weather warnings and alerts
- Social Sharing: Share weather information via WhatsApp
- Responsive Design: Optimized for both desktop and mobile devices
- PWA Support: Install as a Progressive Web App
- Node.js (v14 or higher)
- npm or yarn
- WeatherAPI API key (Get it here)
- Clone the repository:
git clone https://github.com/PSHACKERZ/WeatherTap.git
cd WeatherTap- Install dependencies:
npm install
# or
yarn install- Create a
.envfile in the root directory and add your WeatherAPI 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 your browser.
- React - Frontend framework
- Tailwind CSS - Styling
- WeatherAPI - Weather data provider
- Lucide React - Icons
- Recharts - Data visualization
WeatherTap is a Progressive Web App (PWA) that offers:
- Offline functionality
- Install to home screen
- Fast loading times
- App-like experience
Create a .env file with the following variables:
REACT_APP_WEATHER_API_KEY=your_api_key_herenpm start- Runs the app in development modenpm test- Launches the test runnernpm run build- Builds the app for productionnpm run eject- Ejects from Create React App
WeatherTap uses the WeatherAPI for weather data. The API provides:
- Current weather conditions
- Weather forecasts
- Weather alerts
- Location data
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Weather data provided by WeatherAPI
- Icons by Lucide React
- Hosted on Netlify
Made with ❤️ by P.S. Hackerz