Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/doctorpok42/weatherapp
Get the weather of a city!
https://github.com/doctorpok42/weatherapp
nextjs sass ts weather weather-api
Last synced: 22 days ago
JSON representation
Get the weather of a city!
- Host: GitHub
- URL: https://github.com/doctorpok42/weatherapp
- Owner: DoctorPok42
- License: mit
- Created: 2023-09-14T08:53:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-15T16:33:08.000Z (over 1 year ago)
- Last Synced: 2024-11-11T19:20:45.357Z (3 months ago)
- Topics: nextjs, sass, ts, weather, weather-api
- Language: TypeScript
- Homepage: https://weather.doctorpok.io
- Size: 86.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather App
### Get the weather of a city!
## Installation
1. Clone the repository
```bash
git clone [email protected]:DoctorPok42/WeatherApp.git
```
2. Install dependencies
```bash
npm install
```
3. Add .env file
```bash
touch .env
```
4. Add the following variables to the .env file
Get your api key [https://www.weatherapi.com](https://www.weatherapi.com/)
```bash
WEATHER_API_KEY= # Your weather api key
```
5. Run the project
```bash
npm run dev
```
## Usage
1. Go to http://localhost:3000
2. Enter a city name in the search bar
3. The weather of the city is displayed!
## Tech
- [Next.js](https://nextjs.org/)
- [TS](https://www.typescriptlang.org/)
- [SASS](https://sass-lang.com/)
## Folder structure
- **components** - Contains all the components used in the project
- **pages** - Contains all the pages used in the project
- **public** - Contains all the static files used in the project
- **styles** - Contains all the styles used in the project
- **api** - Contains all the routes api used in the project
## License
[MIT](https://github.com/DoctorPok42/WeatherApp/blob/main/LICENSE)