Posts

Showing posts with the label React JS

Clickstream Collector

Image
"This is My Architecture" is an inspirational video series produced by AWS. HK01 shared their Serverless Clickstream Analytics Architecture in the program. Inspired by that, I created a tech stack at  https://github.com/tekichan/clickstream-collector to demonstrate how to build a Clickstream Collector in AWS Serverless Architecture. In addition, inspired by a TV program, I built Touchwood App at https://tekichan.github.io/clickstream-collector/ as the demo frontend. Hopefully the app may bring you fortune. 😉 我阿媽話「講錯嘢要 Touchwood」。好似我咁。每日都講錯好多嘢,每日都發生好多唔如意嘅事,但就每次都搵唔到塊wood嚟touch。 有人話「樹木喺有靈性,touch一下就會有好運」,呢個app入面就有好多款wood可以touch。 有時唔只喺講錯嘢,得閒touch下都好,或者都會帶來好運。大家都try try,就算明知無用都好。 - Never @ IT狗

Product Catalog Example

Image
I have created a tutorial https://github.com/tekichan/catalog-example how to create a static website in AWS S3 and Azure Storage respectively by CLI. This approach is simple, robust and cost efficient for general usage. Please feel free to leave your comments or questions.

10 OOP Design Principles used in Stock Manager

Image
Inspired by the article "10 OOP Design Principles Every Programmer Should Know" which was written by @javinpaul, I built this project repository to implement the top Object Oriented Design principles in Java.  The top Object Oriented Design principles in Java, which are: Don't Repeat Yourself ( DRY ) Encapsulation S  ingle Responsibility Principle ( SRP ) O  pen Close Design Principle L  iskov Substitution Principle ( LSP ) I  nterface Segregation Principle ( ISP ) D  ependency Injection Favor Composition over Inheritance Programming for Interface not Implementation Delegation Principle The implementation is about Stock Price Quote which sounds like interesting and practical.

Dictation Easy

Here is my React JS app for students to revise dictations on their own. The app shows React JS’ high flexibility to work well with other JavaScript libraries, camera and sound control, and API services.