While brainstorming for ways to advertise StateFarm's boat insurance, we were inspired by many classic arcade video games such as Space Invaders and Asteroids. These games ultimately became the inspiration for the final gameplay loop of our project.

What it does

Our mobile-friendly web app first greets the user with an interactive obstacle course-esque boat game. When the player inevitably fails, the page will pan to StateFarm's boat insurance information and offerings with graphics that support the information. Finally, at the very bottom of the page, the user is greeted with buttons that link them to resources where they can get quotes for boat StateFarm's boat insurance options and further seek these options.

How we built it

Using Visual Studio Code, we developed our app using JavaScript, CSS, and HTML. We developed the components and graphics in parallel using GitHub as our version control.

Challenges we ran into

One of the biggest hurdles we faced while working on this project was trying to create this project in ReactJS. We realized halfway through trying to develop our application that we did not have enough experience in ReactJS to accomplish what we wanted to do with our application.

Accomplishments that we're proud of

We are proud that we were able to pick up coding languages that most of us were initially unfamiliar with (JavaScript, CSS, HTML) and create a functioning application that we can be satisfied with.

What we learned

We learned that it is okay to start over on a project and change our approach. In the end, switching from ReactJS to Vanilla JavaScript allowed us to get closer to our vision.

What's next for BoatPerils

Initially, we had plans of making the interactive game have more dimension by adding a 2nd and 3rd axis of movement to the ship and having more varied obstacles. In the future, if we revisit this project we could potentially add extra axes to make the minigame have more depth.

Share this project: