This is a full-stack weather application that fetches and displays current weather data and forecasts for various locations around the world. The application consists of a client-side React application and a server-side Node.js Express application.
- Select from a list of pre-defined locations or use your current location (desktop only)
- Display current weather conditions, including temperature, wind speed, precipitation, and a description
- Show hourly weather forecasts for the next 12 hours
- Display daily weather forecasts for the next 7 days
- React
- TypeScript
- Axios (for making API requests)
- date-fns (for date formatting)
- Node.js
- Express
- Axios (for making API requests)
- CORS (for handling cross-origin resource sharing)
- dotenv (for loading environment variables)
- Node.js and npm installed on your machine
- API key from WeatherAPI.com (free plan is available)
- Clone the repository:
git clone https://github.com/your-username/weather-app.git
- Navigate to the project directory:
cd weather-app
- Install client dependencies:
cd client
npm install
- Install server dependencies:
cd ../server
npm install
- Create a
.envfile in theserverdirectory and add your API key:
WEATHER_API_KEY=your_api_key_here
- Start the server:
cd server
npm start
- In a new terminal window, start the client:
cd client
npm start
- The client application should open automatically in your default browser at
http://localhost:5173. If not, you can manually open the URL in your browser.
- Select a location from the dropdown or choose "Your location" (desktop only) to fetch weather data for your current location.
- The app will display the current weather conditions, hourly forecasts, and daily forecasts for the selected location.
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.