Signing up for car insurance can be a scary process, especially as a first time car buyer. We wanted to make the process as fun and informative as possible.
Our application takes in information needed by State Farm in order to generate a quote for the price of car insurance, and informs the user on how each piece of information impacts the cost, and why it is necessary.
We utilized Angular to build the front end of the application, and Figma for prototyping and design.
We ran into issues trying to add animations into our project.
We are proud of everything we were able to accomplish in 24 hours
Some of our team members learned how to use Angular for the first time
We also learned how to use stepper with Angular's Material UI
This project was generated with Angular CLI version 14.0.6.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The application will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.
ng add @angular/material
npm i @angular/flex-layout