https://github.com/muchokidavid/weather-app
A simple React app that allows users to search for weather information in different cities using a search bar. The app utilizes a weather API to fetch real-time weather data.
https://github.com/muchokidavid/weather-app
api bootstrap fetch-api html-css-javascript json md reactjs search tailwindcss weather-api
Last synced: 4 months ago
JSON representation
A simple React app that allows users to search for weather information in different cities using a search bar. The app utilizes a weather API to fetch real-time weather data.
- Host: GitHub
- URL: https://github.com/muchokidavid/weather-app
- Owner: MuchokiDavid
- Created: 2024-01-04T20:00:56.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-18T15:42:44.000Z (over 2 years ago)
- Last Synced: 2025-08-01T18:48:57.751Z (11 months ago)
- Topics: api, bootstrap, fetch-api, html-css-javascript, json, md, reactjs, search, tailwindcss, weather-api
- Language: JavaScript
- Homepage: https://weather-app-delta-woad.vercel.app
- Size: 479 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
A simple React app that allows users to search for weather information in different cities using a search bar. The app utilizes a weather API to fetch real-time weather data.
## Features
- Search for weather in different cities
- Display current weather information
- Responsive design for a seamless experience on various devices
## Technologies Used
- React
- [Weather API](https://openweathermap.org/api)
- fetch for making HTTP requests
- Bootstrap
- Tailwind
## Installation
1. Clone the repository:
```bash
git clone https://github.com/MuchokiDavid/weather-app.git
```
2. Navigate to the project directory:
```bash
cd weather-app
```
3. Install dependencies:
```bash
npm install
```
4. Create a .env file in the root directory and add your weather API key:
```bash
REACT_APP_WEATHER_API_KEY=your-api-key
```
Make sure to replace your-api-key with the actual API key you obtained.
## Usage
1. Start the development server:
```bash
npm start
```
2. Open your browser and visit http://localhost:3000
3. Use the search bar to look up weather information in different cities.
## Contributing
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to create an issue or submit a pull request.
## License
This project is licensed under the MIT License.
## Author
David Muchoki