Cover Genius

My first role since moving to Australia was for an insurtech startup called Cover Genius. Here I worked as a key member of the team building their primary cover application called Xcover.

The site was primarily used for customers to get a new cover quote, track their quote alongside making any claims in one place. I had the opportunity to build core parts of the site including UI components, authentication, state management alongisde analytics tracking and how me managed deployements.

I also had the opportunity to work on the primary Cover Genius re-write and CMS integration alongisde design and UX team members.

Tech Stack

The Xcover application was built with a modern front end technology stack including:

• React 16
• Redux
• Styled Components
• Jest
• Enzyme
• Reactstrap
• Django
• Formik & Yup
• Amazon Cognito
• Sentry
• Grafana

Xcover.com

Upon starting my role at Cover Genius I was tasked with working as part of a small 3 man team building the primary frontend for the Xcover webiste. This included creating React components for navigation, responsive design, testing and performance optimizations.

Some of the key areas built included:

• Homepage re-development
• Navigation (including mobile)
• Backend API integrations
• Modals, overlays popups
• Hooks for data fetching
• JWT and session storage
• Authentication pages (login, logout, signup, reset)
• Policy retrival
• Loading messages, error states and timeouts
• Utility functions

Quote & Bind

Another area I worked on was called Quote and Bind. This feature enabled customers to easily fill in information and get a quote online for their insurance cover, once approved they could then enter thier personal details and card information to make payment and then and retrive a confirmation email.

The feature was built using multiple different routes alongside Formik building up a quote and storing the application logic in state. The form side was object based allowing us as developers to easily add new fields if required alongside our object schema validation with Yup.

Visually the feature was built using our UI component library that used storybook alonside new custom element creation with styled components alongside multiple region / language support with react-intl.

Policies

During my time at Cover Genius I also developed the primary policies page. This could be accessed via the user dashboard or directly via a Booking ID that was generated when they purchased an insurance policy.

The feature was built closely with backend data provided via a REST API and featured lazy-loading, CSS grid, error and loading states alongside analytics and A/B testing.