https://github.com/sara-pixie/angular-to-do-list

Learning Angular (and some TypeScript along the way)
https://github.com/sara-pixie/angular-to-do-list

angular canvas todoapp typescript

Last synced: about 2 months ago
JSON representation

Learning Angular (and some TypeScript along the way)

• Host: GitHub
• URL: https://github.com/sara-pixie/angular-to-do-list
• Owner: Sara-pixie
• Created: 2021-12-22T13:19:37.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2021-12-29T21:17:39.000Z (about 3 years ago)
• Last Synced: 2023-08-21T08:15:48.941Z (over 1 year ago)
• Topics: angular, canvas, todoapp, typescript
• Language: TypeScript
• Homepage:
• Size: 253 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular To-Do List

To start the app: ng serve 


To start the json-server: npm run server

https://user-images.githubusercontent.com/78561671/147703581-d7f82ebb-8b18-429c-a76d-45bc539ccb30.mp4

For canvas code I used [this repo](https://github.com/teropa/ng-gfx-demos/blob/master/src/app/animated-canvas-logo/animated-canvas-logo.component.ts) as a resource and changed the code to fit my needs, because I couln't find many examples of **how to draw on, animate and resize a full screen canvas in Angular** online 


If you want to see how I did it look at [background.component.html](https://github.com/Sara-pixie/Angular-To-Do-List/blob/master/src/app/components/background/background.component.html) and [background.component.ts](https://github.com/Sara-pixie/Angular-To-Do-List/blob/master/src/app/components/background/background.component.ts)