High-Level Project Summary
Whether the Weather is a millennial and gen-z oriented weather application to simplify the process of checking the weather. Displaying sunshine, precipitation, and wind data, Whether the Weather keeps the process simple, showing data on recognizable charts. Beyond design, Whether the Weather is helpful to everyone looking to see information on sunshine (in Watts per square meter) instead of just temperature. This is helpful for people who get sun burns easily, as you can see the actual intensity of sunlight instead of just the temperature. Solar panel owners would also benefit from Whether the Weather, calculating potential earnings or electrical output with ease.
Link to Project "Demo"
Link to Final Project
Detailed Project Description
Whether the Weather was created in React.js, utilizing contemporary JavaScript libraries to build a mobile responsive website with graphs displaying relevant weather data. React components were made for sunshine, wind, and precipitation to keep the website object oriented. Graphs were made using the recharts library in combination with the date-fns library. In the future, we plan to continue adding on to our mobile responsive website to update data in real time using HTTP GET requests from the NASA POWER API.
Space Agency Data
The NASA POWER Data Access Viewer was used to retrieve JSON files to display past data and get the most important details about our product down. After that, we began experimenting with the NASA POWER API to send HTTP GET requests and get real time data, which we would continue to work with if the website was expanded in the future.
Hackathon Journey
Sebastian: I had a wonderful experience at my first hackathon with Space Apps! The unique experience of collaborating with peers and now friends show me the value of working in a team. Initially, my team was going to try a different challenge, but throughout our time together we've excelled at making decisions as a team, letting all voices be heard. I appreciate having such open-minded, kind, helpful teammates throughout this hackathon!
Tyler: Using NASA's Prediction of Worldwide renewable Energy Resources (POWER) web services portal, we were able to obtain relevant data on certain weather conditions that might not be accessible to the general public. We were able to pull and read through the JSON files provided by the POWER portal to grab data about the history of certain relevant weather conditions such as precipitation, solar irradiation, and wind speeds.
Venus: This is my first experience ever being in a hackathon, especially with Space Apps. I got really impressed by the amount of material we got from this experience. Collaboration and communication are wonderful skill sets that I have been learning while working as a team. I also learned a lot from my teammates regarding the tools we used to build this app. I'm grateful to have a chance to attend this opportunity.
Nathan: Working on this hackathon with my teammates was a wonderful experience. Through this whole experience we learned how to use a lot of different tools like React.js, javascript, figma, etc. I am especially excited to apply this newfound knowledge into future projects and I'm very thankful for all my teammates who guided me through the process of using these tools and for being great teammates in general!
Jonathan: This was my second hackathon ever and it was as much of a learning experience as the first. It's always awesome to be connected to other aspiring software engineers so that we can grow together. Our project, Whether the Weather, was the first time that I had used React.js and I found the experience to be very similar to my previous experience with React Native. While everybody had a different schedule to work around, I think it's amazing how we all found various ways to contribute our best work. I'd like to shoot a big thanks to my team for exploring new technologies and explaining their knowledge to me. I'd also like to thank Trinity and the She.Codes team for turning a dream into a reality.
Zain: First time I ever experienced something like this, and although I was unable to help much to do having work both days, I still learned a bit of how to get javascript running on visual studio code and understand someone the basic concepts of javascript and React.js in general. Was an overall interesting experience and I hope to be able to contribute more in the future.
References
Used to retrieve JSON data: https://power.larc.nasa.gov/data-access-viewer/
Used for NASA API HTTP request documentation: https://power.larc.nasa.gov/docs/services/
Used for main code: https://reactjs.org/
Used for graphs: https://recharts.org/
Used for graphs: https://date-fns.org/
Tags
#weather #react #sun #NASA #solar #solarpanel
Global Judging
This project has been submitted for consideration during the Judging process.