ZotWave

• 

  Title Page

• 

  Weather Data for Brooks Street Surf Beach

Inspiration

For all beach bums and goers, we created ZotWave because Orange County has some of the best surf spots in the world, but let’s be real—not every wave is made for every surfer. ZotWave is here to make your surf sessions epic, no matter your skill level. Whether you're a beginner just getting stoked on surfing, an intermediate chasing more challenge, or an expert seeking adrenaline-pumping barrels, ZotWave takes the guesswork out of picking the right spot at the right time. With one tap, you’re connected to the best waves suited for your level and current ocean conditions, making sure each session is perfectly dialed in. It’s your ultimate guide to maximizing the OC surf experience—tailored just for you!

What it does

ZotWave is your ultimate digital surf buddy for riding the best waves Orange County has to offer. When you open up ZotWave, you’re greeted with Peter the surfer. You then have the options of which beach you’re thinking of hitting. Once you’ve picked a beach and the time you're going, ZotWave dives into the details: you’ll get insights on tide height, wave power, and swell size, all tailored to make sure you get the most out of your session. Wondering if the conditions are right for your skill level? ZotWave’s got you covered. Each beach has a skill rating, telling you right away if it’s perfect for beginners looking to learn, intermediate surfers looking to for gnarly waves, or experts hunting for firing waters.

With all the click of a button, ZotWave turns Orange County into your personal surf playground, giving you everything you need to find the perfect spot, every time. Whether you’re getting started or chasing barrels, ZotWave is the guide to make every session unforgettable.

How we built it

We first started off by brainstorming and trading ideas for a website we thought were cool. We found out we all loved the beach, whether its going into the water or just watching the waves during an evening sunset. We used CSS to design our website and create a suitable user interface. We then added functionality and interactability with JavaScript. Finally, we used Python along with the pysurfline API for the backend of our website so we could gather surf forecasts for each beach and use that information to generate informative descriptions for our users.

Challenges we ran into

We all mostly deal with Python so dealing with new languages like CSS and JavaScript was a fun but difficult tasks. This was also all of our first times dealing with web development, using API's, and frontend and back end. There were many times where we had to search up the syntax for a certain functionality or had errors because of our lack in knowledge in these areas, but we persevered.

Accomplishments that we're proud of

We created a functional website with, learned new coding languages, and tackled new concepts all within the span of 12 hours. We are not only proud of ourselves but also each other.

What we learned

We learned about the basic fundamentals of web development as well as the correlation and communication between API's, front end, and back end of a website.

What's next for ZotWave

We would like to implement a gps and navigation system within ZotWave as well as a way to show how crowded a beach is.

Built With

• api
• css
• fast-api
• javascript
• python
• react