Project Day Schedule App

INTRODUCTION

It’s my day today

A schedule app where you write your daily schedule and use colors to select the category. Built using the boiler plate introduction code from Angular.io

FRAMEWORK

Angular / .NET Core

The app is a Angular application running on .NET Core

DATABINDING

Two way databinding

Using two way databinding the app updates the template on adding a new activity as well as delete one using the output and Event Emitter.

STYLING

Bootstrap & Fontawesome

The template is styled using Bootstrap and is using custom icons from Fontawesome.

DEPENDENCY INJECTION & SERVICE

Dependency injection & Service

To server data to the template the app use a Service class and inject the service in the constructor

DIRECTIVE & PIPE

ngClass & Pipe

The curent hour is selected by using an ngClass and a Pipe for time format.

The app also features

  • TypeScript
  • Angular testing
  • Azure App Service hosting
  • Github deployment integrations
  • and more…

Go ahead and visit the app here!

https://thisismyday.azurewebsites.net

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s