Ensure local installation of following software/tools:
- Git (2.9.0 or higher) - For cloning project from repository
- Nodejs
- Npm
- Angular
- Develop a front-end application which would help userslist and browse all launches by SpaceX program.
- install the Angular CLI
- create a new project
- generate module and set as default for application
- install @nguniversal/express-engine for ssr
- set API url in environment.ts and call from services
- write get method in services and call from the root component.ts file
- install ng add @angular/material
- create interface for response
- render the data on html using LaunchData interfaces
- create a constant file for get the values for Years, landing and launch
- set year API route in services file
- launch data html file updated with footer
- clickOnyear method update for click on year event filter
- set launch API route in services file with conditions
- clickOnLaunch method update for click on launch event fire
- mappingFromClick upadted with constant data properties
- set landing API route in services file with conditions
- clickOnLand method update for click on landing event fire
- mappingFromClick upadted with constant data properties
- Root method update for set the query paramater
- get query parameter method updated for get the url's from query
- get query parameter updated for launch and landing filter.
- root html file updated with css
- root.component.tsfile updated for filter.
- mappingFromClick updated for launch and lading values.
- Filter are working properly with query paramater on url
- window add as global