Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nstefan55/weather-app-with-api

The Weather App | HTML, Bootstrap 5, JavaScript, API, GSAP
https://github.com/nstefan55/weather-app-with-api

bootstrap5 figma gsap javascript weather weather-api weather-app weather-information weatherapp

Last synced: about 2 hours ago
JSON representation

The Weather App | HTML, Bootstrap 5, JavaScript, API, GSAP

Host: GitHub
URL: https://github.com/nstefan55/weather-app-with-api
Owner: nstefan55
Created: 2024-02-06T12:42:43.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-09-24T16:22:18.000Z (5 months ago)
Last Synced: 2024-12-15T05:13:16.221Z (about 2 months ago)
Topics: bootstrap5, figma, gsap, javascript, weather, weather-api, weather-app, weather-information, weatherapp
Language: JavaScript
Homepage: https://weather-official-api-app.netlify.app/
Size: 145 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Weather App with Api Integration

## App Link

https://weather-official-api-app.netlify.app/

## App Description

The frontend fetches data and retrieves information from the backend database of the open weather map through an API, which is then displayed for the user on the screen.
The App also applies and displays background depending on the weather and if the user enters an invalid city name, the app displays an error message

### Technologies used for this project : HTML5, Bootstrap 5, JavaScript && GSAP (JS Library for Animtaions)

**Api Source: https://openweathermap.org/**

![Capture](https://github.com/nstefan55/Weather-App-with-API/assets/121696125/cb744daf-8afd-45a0-ae18-9552ffbd5b97)

_Example of the App UX Design with city Zagreb_