Space Ex Launcher to list and filter through all launches done under the space ex launcher program.

VScode editor

Prettier extension for code formating

js docs for code documentation̦

jasmine and karma for unit testing

Heroku for code deployment

npm version 6.13.4
node version 10.19.0
angular cli version 9.1.12

npm install

For using with SSR

npm run build

npm run start

For using with-out SSR

ng serve

npm build --prod

Run ng test to execute the unit tests via Karma.

Run ng test --code-coverage

Run ng run e2e to execute the end-to-end integration tests via Cypress.io

• Server side rendering ahead of time while build creation

• Test Driven Development by writing Unit test cases for Components

• Atomic design by breaking down the complete design into small components

  Application Main Module is Home which consist HomeComponent and Child Components as Header, Footer, Filter-bar, Program-card

• uses HTML Semantic Tags

• Used SCSS for writing style scripts

  uses mixins, functions, partials etc.,

• Custom Grid system

  Created custom 12 column grid system using Flex-box, BEM methodology and Media Query with SCSS known as sp-grid which consist of following

  container, container-fluid
  container__row

  grid break point as
  xs - 0
  sm - 576
  md - 700
  lg - 1024
  xl - 1440
  eg :- container__col-md-12

• Added Image Lazy loading which significantly improves the performance of application on both mobile and desktop devices

• Added robots.txt and sitemap.xml for better search engine visibility which helps in crawling the pages on Web

• find detailed view of the lighthouse as performance-metrics-desktop.pdf
  performance-metrics-mobile.pdf

Prashant Kumar Singh

• linkedin