Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elliotalien/weather-app
This is a simple weather application built with React and Vite. It allows users to search for weather information of different cities.
https://github.com/elliotalien/weather-app
api html javascript jsx reactjs tailwindcss vite weather-app
Last synced: 28 days ago
JSON representation
This is a simple weather application built with React and Vite. It allows users to search for weather information of different cities.
- Host: GitHub
- URL: https://github.com/elliotalien/weather-app
- Owner: elliotalien
- Created: 2024-10-15T23:43:05.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-16T00:24:39.000Z (3 months ago)
- Last Synced: 2024-11-01T17:06:49.199Z (3 months ago)
- Topics: api, html, javascript, jsx, reactjs, tailwindcss, vite, weather-app
- Language: JavaScript
- Homepage: https://nayti-pogodu.vercel.app/
- Size: 55.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
This is a simple weather application built with React and Vite. It allows users to search for weather information of different cities.
## Features
- Search for weather information by city name
- Display current temperature, humidity, and wind speed
- Show weather icon representing current conditions
- Responsive design for various screen sizes
## Technologies Used
- React
- Vite
- Tailwind CSS
- OpenWeatherMap API
## Setup and Installation
1. Clone the repository:
```
https://github.com/elliotalien/Weather-App.git
```
2. Navigate to the project directory:
```
cd Weather-App
```
3. Install dependencies:
```
npm install
```
4. Create a `.env` file in the root directory and add your OpenWeatherMap API key:
```
VITE_API_ID=your_api_key_here
```
5. Start the development server:
```
npm run dev
```
6. Open your browser and visit `http://localhost:5173` to view the app.
## Usage
1. Enter a city name in the search bar.
2. Press Enter or click the search icon.
3. View the current weather information for the searched city.
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the [MIT License](LICENSE).