Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/moontaz/weather-app
https://github.com/moontaz/weather-app
Last synced: 12 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/moontaz/weather-app
- Owner: Moontaz
- Created: 2024-07-08T07:49:14.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-08T08:50:27.000Z (6 months ago)
- Last Synced: 2024-11-05T10:15:13.891Z (about 2 months ago)
- Language: JavaScript
- Homepage: https://weather-app-five-gamma-84.vercel.app
- Size: 78.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
This project is a basic implementation of using API Integration with Vite+React framework.
## API Reference
This project using API from [API source](https://api.openweathermap.org).
for full documentation, you can access [here](https://openweathermap.org/current).#### Get item
```http
https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${api_key}
```| Parameter | Type | Description |
| :-------- | :------- | :-------------------------------- |
| `city` | `string` | **Required**. City name of item to fetch |
| `api_key` | `string` | **Required**. Get from the website after subscribe. You can check here (https://home.openweathermap.org/api_keys) |## Demo
Click [here](https://weather-app-five-gamma-84.vercel.app).
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file
`VITE_APP_ID`= put api key from https://home.openweathermap.org/ in here
## Running Tests
To run tests, run the following command
```bash
npm run test
```## Run Locally
Clone the project
```bash
git clone https://github.com/Moontaz/weather-app/
```Go to the project directory
```bash
cd weather-app
```Install dependencies
```bash
npm install
```Start the server
```bash
npm run dev
```