Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/psidh/openweatherapp
WeatherApp using API
https://github.com/psidh/openweatherapp
api javascript nextjs13 react typescript vercel
Last synced: 11 days ago
JSON representation
WeatherApp using API
- Host: GitHub
- URL: https://github.com/psidh/openweatherapp
- Owner: psidh
- Created: 2023-09-05T10:23:14.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-08T03:21:17.000Z (about 1 year ago)
- Last Synced: 2023-09-08T04:13:57.205Z (about 1 year ago)
- Topics: api, javascript, nextjs13, react, typescript, vercel
- Language: TypeScript
- Homepage: https://psidhweather.vercel.app
- Size: 1.46 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
Weather App is a user-friendly web application that provides real-time weather information for any location around the world. With Weather App, you can stay informed about current weather conditions and forecasts, making it easier to plan your day.
## Features
- Get up-to-date weather data for your desired city.
- Check the temperature, weather description, and more.
- Plan your outdoor activities based on accurate weather forecasts.
- Access weather information from anywhere, at any time.
- Stay prepared for any weather conditions.
## Technology Stack
Weather App is built using modern technologies to deliver reliable and up-to-date weather data:
- Frontend: React with Next.js for a responsive user interface.
- Backend: Integration with the OpenWeatherMap API to fetch weather data.
## How to Use
Start using Weather App to stay informed about weather conditions in your area or any location of your choice:
1. Enter the city name in the search box.
2. Click the "Get Weather" button to fetch the latest weather data.
3. View temperature, weather description, and other details on the results page.
4. Plan your activities accordingly based on the weather forecast.
Weather App is your reliable companion for weather information. Stay ahead of the weather and make informed decisions with Weather App today!
## Installation
1. Clone this repository to your local machine:
```bash
git clone https://github.com/psidh/weather-app.git
```
2. Navigate to the project directory:
```bash
cd weather-app
```
3. Install the project dependencies:
```bash
npm install
```
4. Create a `.env` file in the root directory with your OpenWeatherMap API key:
```
NEXT_PUBLIC_WEATHER_API_KEY=your_api_key_here
```
5. Start the development server:
```bash
npm run dev
```
6. Open your browser and visit [http://localhost:3000](http://localhost:3000) to use the Weather App.
## Deployment
You can deploy the Weather App to a hosting platform of your choice for public access. For example, you can use Vercel, Netlify, or GitHub Pages to host your app.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.