Inspiration
The inspiration came from a need to do something meaningful, while being able to accomplish it as total beginners.
What it does
Uses latitude and longitude to provide real-time accurate data on weather in your area. It differentiates from other weather apps by including a sprite, where the current weather conditions actually occur on the sprite.
How we built it
We used the website Open Weather API and used a free API that allowed us to access weather data. We drew the sprite in piskel, a website that allows you to draw pixel art. We also drew sprites to mimic weather conditions, like a sun for clear weather, a cloud for cloudy weather, and raindrops and snowflakes that we animated in CSS to fall from the clouds.
Challenges we ran into
We wanted to accomplish more than we could, but being complete beginners and struggling with the limited timespan, we were unable to finish the project within the constraints. We wanted to use another API in combination with our current one, but it had already taken a ton of time to learn/understand what we had built, so we can only provide current weather data, not any future data.
Accomplishments that we're proud of
We're proud of creating something that we've never tried to make before, and although we had many shortcomings, we plan to take what we've learned and prepare ourselves for the next hackathon.
What we learned
This hackathon was a valuable lesson that taught us how to code in teams, as well as how to properly use APIs.
What's next for Weather App
We plan on refining the app, whether it's through the use of another API to provide extensive information, or improving current features.
Built With
- axios
- cors
- css
- express.js
- html
- javascript
- node.js
- piskel
- vite
Log in or sign up for Devpost to join the conversation.