A simple weather application built with Vite and React, which fetches real-time weather data using a weather API.
- Displays real-time weather data (temperature, humidity, wind speed, etc.)
- Search for weather information by city
- Responsive design for mobile and desktop devices
- Built with Vite for fast and efficient development
Link to deployed app on Vercel
- Frontend: Vite, React, HTML, CSS, JavaScript
- API: Weather API
Ensure you have the following installed on your local development machine:
- Node.js (version v20.17.0 or above)
- npm (version 10.8.2 or above)
-
Fork the repository:
- Click the Fork button at the top of this repository to create a copy of the project under your GitHub account.
-
Clone your forked repository:
git clone https://github.com/your-username/your-weather-app.git
-
Navigate into the project directory:
cd your-weather-app -
Install dependencies:
npm install
-
Create a
.envfile in the root of the project and add your weather API key:VITE_WEATHER_API_KEY=your_api_key_here
-
Start the development server:
npm run dev
-
Once the development server is running, open your browser and navigate to the local development URL displayed in your terminal (e.g.,
http://localhost:5173or a different port).
To deploy the project on Vercel:
- Push your code to a GitHub repository.
- Connect your repository to Vercel.
- Set your environment variable (e.g.,
VITE_WEATHER_API_KEY) in the Vercel dashboard. - Deploy the app.
- Enter the name of a city in the search bar to get the current weather information.
- The app will display temperature, weather conditions, and other relevant data.
- Fork the repository (see the "Getting Started" section).
- Create a new branch (
git checkout -b feature-branch). - Commit your changes (
git commit -m 'Add new feature'). - Push to the branch (
git push origin feature-branch). - Open a pull request.
This project is licensed under the MIT License.