Landlubber Compass

• 

  Dope lookin octopus

• 

  Tight lookin seahorse

Inspiration

Well I watched surfs up again, that movie is a gem so I had to pay my respects.

Usage

Once you search for your specimen, the app present a sleek picture and some info on the creature that you can show off to your homies... I mean crewmates.

How I built it

It took a lot of blood, sweat, and tears to get this far but basically I took it as a chance to polish some web design. I started on the frontend using Vuetify's material library. Its super robust and offers mad customization. After finishing the base I started adding interactions with button clicks and searching for fish databases that I might be able to scrape from. In the end I used Wikipedia but there's a really cool REST api for fishbase.org that I was going to use at first. From there it was hammering away at buggy behavior on the backend.

Challenges I ran into

At the end I was really running into some trouble making http/https requests. Radar only takes curl requests and it took me forever to find out that those are just particularly formatted http requests. Lost a lot of time just trying to get data out of APIs.

Accomplishments/What I learned

I'm proud that I was able to make use of tools people made available. In all my past hackathons I always thought I had to make everything from scratch and reinvent the wheel but it finally clicked for me that the open source community is literally about helping each other. I think that's pretty cool. I'm also proud since this is the first time I'll submit at a Hackathon!

What's next for Landlubber Compass

I really want to finish it up and next on the block is adding the aquarium page to the tooltip and after that its moving the map marker to the aquarium's location. Shouldn't be too hard...knock on wood

Built With

• css3
• javascript
• vue