StateFarm

Landing page for our app.

Inspiration

We were inspired by State Farm's award-winning mobile app. We liked how it allowed us to easily manage our insurance and banking accounts and receive roadside assistance all in one convenient place.

What it does

Our mobile-friendly website is based on State Farm's app and enables users to view different facets of State Farm's business. Upon accessing the website, users are prompted with a phone number to browse everything State Farm has to offer. Users can view State Farm's insurance, banking, and business details before they have created an account. If they would like to access all of our services, they need to create an account using a password.

How we built it

We built it using HTML, CSS, and Angular for the Front-End, and we used AngularFire integrated with Firebase for the Back-End. Twilio was utilized to send users automated follow-up messaging.

Challenges we ran into

Some of our team members had MacOS and others had Windows, so when setting up the server, ng serve failed due to an issue with NPM's cache. Then when we tried setting up Firebase with Angular it took more time than expected due to configuration errors that were not documented in the setup page. Deploying the website to Heroku also required us to configure a server to host it on inside of another server.

Accomplishments that we're proud of

We're proud of learning how to use Angular and Heroku to setup and deploy a mobile-friendly website within the limited time we had to code.

What we learned

We learned how to style webpages using CSS, how to set up Angular authentication with Firebase, how to use Twilio to send users automated follow-up messages, and how to create a Progressive Web App for mobile.

What's next for StateFarm

If we had more time we would add more features to the website, improve its user interface and overall design, and compete for more challenges like changing our back-end to CockroachDB or implement blockchain technology using DeSo.