Summary: Please recreate this page using Angular 2 and NG2Bootstrap.
The user should be able to type in various input fields. Upon pressing the search button, a bootstrap modal pops up displaying the information the user had previously typed in.
Dont wory about the styling of the form fields/page as a focus, this is mainly a test of angular and javascript
A samples structure for the app may be if you need a place to start:
APP
|
SEARCH PAGE
- search-page.component.ts
- search-page.component.html
- search-page.component.scss
|
SEARCH MODAL
- modal.component.ts
- modal.component.html
- modal.component.scss
Here are some useful links to get you started:
**Angular Documentation:**
https://angular.io/docs/ts/latest/guide/ : general info
https://angular.io/docs/ts/latest/cookbook/component-communication.html : interacting between components (may be useful for modal)
https://angular.io/docs/ts/latest/guide/forms.html : Forms (template driven is probably your best bet)
**Angular CLI**
https://github.com/angular/angular-cli (Tool used for compiling/generating components - can be very useful)
**NG2 Bootstrap
https://valor-software.com/ng2-bootstrap/#/modals : The modal we use, the documentation should point you in the right direction for making one.
** IMPORTANT TO LAUNCH APP **
Fork the application and then follow the directions on the cli to get started. Should look like...
npm install -g angular-cli
After you have installed angular-cli use the command...
ng serve
This will launch your application.
Goodluck!! 🎉
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent