DEV Community: Peter Chan

Hello GitHub Actions 2021

Peter Chan — Thu, 09 Dec 2021 07:35:37 +0000

This is my first attempt of GitHub Actions in 2021. Thanks DEV for giving me such a great motivations (I love stickers!) to learn GitHub Actions as a potential alternative of CI/CD.

My Workflow

Goal : this action just says Hi to the user when a commit is made
My workflow to complete this project:
- keep track of the development process via Git & GitHub
- create a npm package
- install @actions/core and @actions/github packages
- add a index.js as the entry file with proper details included
- add a action.yml to define the steps on GitHub Actions
- create a new GitHub repo & commit the project to the repo
- add ./github/workflows/main.yml with proper details included to test whether the action works
NOTE: we need to upload node_modules to the GitHub repo

Submission Category:

Wacky Wildcards

Link to Code

peterhychan / hey-github-actions

My first attempt on GitHub Actions

hey-github-actions

My first attempt on GitHub Actions

View on GitHub

Additional Resources / Info

GitHub Actions Docs

a Weather App with Monetization Feature

Peter Chan — Wed, 20 May 2020 00:17:57 +0000

[Instructions]: While I am still waiting for the free-trial account Coil, I am trying to build something basic but meaningful for experimenting with the Monetization API.

What I built

a Simple Weather App with Monetization Feature
Currently, if the Monetization API along Coil plugin at the client side is properly implemented, a "Thank you" message will be displayed
If the client does not implement Monetization feature on his/her browser, the "Monetization Feature Available" message will be shown instead

Submission Category: Exciting Experiments

Demo

Link to Code

Repo

How I built it

I implement this application by React.js with Hooks. Realtime weather info is fetched on OpenWeather API. The Application is styled by CSS along with Bootstrap.

Additional Resources/Info

Deployed Demo on now.sh

Mass SMS Messenger

Peter Chan — Fri, 01 May 2020 06:50:01 +0000

What I built

Category Submission: Engaging Engagements

I was recommended by a friend of mine for joining this Hackathon at around 9 pm today. I started the entire development process at around 9:30 pm. I tried to build something simple but useful for local businesses during the period of COVID-19. Therefore, I designed a Mass SMS Messager which allows the business owner to send an SMS to a large list of clients by their phone numbers provided.

Link to Code

My GitHub Repo

The layout of the app

If both correct phone numbers and valid content are provided, a SUCCESS alert will be provided. And we can check the SMS for confirmation.

Else, a warning signal will be given. The user needs to update the content and/or phone number lists before sending another request.

How I built it

Backend - Node.js and Express.js
Frontend - React.js (+ Styled by Bootstrap 4)
Twilio SMS service

Additional Resources/Info

This is my first time dealing with Twilio API. Therefore, I only have a very limited understanding of its services. After playing around just with the SMS API, I can feel the power of Twilio. It makes the life of developers easier.

Thanks Twilio for the promo code which I will definitely make good use of it to feel the power of Twilio services over this weekend.

Stay Safe everyone !