ICP 5 - Abinash-Banda/web-and-mobile-computing GitHub Wiki

WIKI PAGE FOR ICP-5

In ICP-5 I have learned to use typescript and also how to work with angular project by the official documentations of both.

1 type script

2 angular

Above second link is about initiallating of angular in our local machine.

Countdown html file it consists divs within form and labels inside divs. timer html 1 timer html 2

css file of timer. Here I used scss(Sass is a preprocessor scripting language that is interpreted or compiled into the Cascading Style Sheets) which i have targeted all classes and made changes to them. Like for the class card all the text in it center aligned and card has a background color with some border-radius. timer css 1

Also made some targeted the button element and applied styles to it like the border-radius and the text some colors to it.

timer css 2

styles for timer text

css 3

The main part of timer is the countdown function where we can see days,hours,minutes,seconds are initially set and function onClickSubmit() takes data as parameter and months is an array consisting the months which on user input of number month name is fetched from the array and variable countdowndate is initially set to a default value and later updaed when data is obtained from the user. timer ts 1

timer ts 2

task TODO

html file for todo

html todo 1

html todo 2

css file of todo

it targets all the table elements to customize and additionally bootstrap was added to make the website itself responsive.

css 2

ts file for todo task

todo ts 2

OUTPUTS

output home

home

adding events output

events

todo task list

list