🔥 Hackathon Submission: Is It Firing? 🔥

About:

The concept for this project is a web-app for global surfing enthusiasts to use. Users can access the site and click on images of 6 of the top big-wave surfing destinations of the world to check current surf conditions. Using the Open Weather API, the page pulls in weather data, and based on the favorability of the conditions displays a random image (from the Pexels API,) of 'happy,' 😃 if the conditions are favorable, or 'sad,' 😢 if the conditions are not.

Big Wave Spots Include:

• Nazare, Portugal
• Cloudbreak, Fiji
• Mavericks, California
• Pipeline, Hawaii
• Puerto Escondido, Mexico
• Tehapo'o, Tahiti

Criteria

• Must use 2 different API's to pull in data
• Time Limit: 2.5 hrs to conceptualize, build, test, and present
• Team project: myself, working with @spidergrrljess.

This Project Is Made With:

• Django
• React
• Vite
• Styled Components
• Axios

Team Member Roles

Jessica:

• initial React component structure
• throwing together a quick UI to present content in a clear way
• API testing

Ian:

• project concept
• API research, integration, and testing
• React component refactoring
• QC and testing

API References

• www.https://www.pexels.com/api/documentation/
• https://openweathermap.org/api/one-call-3

Demo

Home Page:

The display for favorable conditions:

The display for unfavorable conditions: