
A Firefox add-on that let users to switch between different audio output device for each tab.

### Usage

You will need to enable `media.setsinkid` in firefox to use this addon.
This add-on only works on HTML5 `<audio> , <video>` element

### Install

[Firefox](https://addons.mozilla.org/zh-TW/firefox/addon/audioff-audio-device-selector/)

### Links

[Github](https://github.com/chuang861012/audioff)

### License

This extension is available under the MIT License.


audioff - audio device selector


[introduction video](https://www.youtube.com/watch?v=defBIPYP82Y)

### Architecture

![architecture](architecture.png)

##### AWS

-   [EC2](https://aws.amazon.com/ec2/) To run machine learning
-   [Lambda](https://aws.amazon.com/lambda/) main functions
-   [API Gateway](https://aws.amazon.com/api-gateway/) work with Lambda to setup API
-   [translate](https://aws.amazon.com/tw/translate/) provide i18n service

##### Google

-   [Maps api](https://developers.google.com/maps) to get user location
-   [place api](https://developers.google.com/maps/documentation/places/web-service/overview) with [Map reviews spider (puppeteer)](https://github.com/chuang861012/puppeteer-google-map-review-scraper)
-   [Dialogflow](https://dialogflow.cloud.google.com/) setup chatbot response

##### Frontend

-   [react.js](https://github.com/facebook/react)
-   [Flask](https://flask.palletsprojects.com/en/2.1.x/)

##### Database

-   [MongoDB](https://www.mongodb.com/)

##### Chatbot platform

-   [LINE](https://developers.line.biz/zh-hant/)

##### Others

-   [Open Weather Map API](https://openweathermap.org/api) to get weather data

### Main features

![features](features.png)

### Awards

#### International ICT Innovative Service Awards 2019

-   產學合作組 Third Place
-   鈦坦敏捷開發特別獎 Excellent Work
-   AWS 雲端科技趨勢應用組 nominated

### 連結

[International ICT Innovative Service Awards](https://innoserve.tca.org.tw/index.aspx)


Guess what you like


This site is based on [Next.js](https://nextjs.org/) and [create-next-app](https://www.npmjs.com/package/create-next-app)

### Architecture

##### Base

-   [React.js](https://reactjs.org/)
-   [Next.js](https://nextjs.org/)
-   [next-i18next](https://github.com/isaachinman/next-i18next)
-   [next-sitemap](https://github.com/iamvishnusankar/next-sitemap)
-   [sharp](https://github.com/lovell/sharp)

##### UI

-   [Chakra UI](https://chakra-ui.com/)

##### icons

-   [react-icons](https://react-icons.github.io/react-icons/)
-   [icons8](https://icons8.com/)
-   [fontawesome](https://fontawesome.com/)

##### Markdown Rendering

-   [react-markdown](https://github.com/remarkjs/react-markdown)
-   [react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter)
-   [gray-matter](https://github.com/jonschlinkert/gray-matter)
-   [rehype-raw](https://github.com/rehypejs/rehype-raw)
-   [remark-gfm](https://github.com/remarkjs/remark-gfm)

##### Animation

-   [framer-motion](https://www.framer.com/motion/)
-   [emotion](https://github.com/emotion-js/emotion)

##### Environment variables setup

-   [cross-env](https://www.npmjs.com/package/cross-env)

##### The thirdpartylicenses.txt file in the public folder was created by [oss-attribution-generator](https://github.com/zumwald/oss-attribution-generator).

### Links

[Github](https://github.com/chuang861012/henrychuang)

Personal website


A simple LINE chatbot built with Ruby on Rails.

### Features

![search](search.png)

Search for Taiwan's statutory law.

-   constitution
-   criminal law
-   civil law

#### All of the data comes from the [Law & Regulations Database of The Republic of China(Taiwan)](https://law.moj.gov.tw/).

### Links

[Github](https://github.com/chuang861012/tori-line)


LINE Law chatbot


A website built for my teacher when I work as her research assistant.

### Architecture

-   Frontend : [Gatsby.js](https://www.gatsbyjs.com/)
    A static site generator built on top of Node.js using React and GraphQL.
-   CMS : [Contentful](https://www.contentful.com/)
    A headless CMS platform.

### Links

[website](https://ljcheng.tw/)
[Source code](https://github.com/chuang861012/jessica)


Personal Website


This is a project of database application course. Using SQL SERVER as database.     
This application provides features like team stats, voting, bulletin board and other useful features for team management.

### Main techniques

-   ASP.NET web form
-   C#
-   SQL Server

### Features

#### Home page

![homepage](home.jpg)
The home page of the application. Enter username and password to login.

#### Sign up

![Signup](signup.jpg)
Sign up page to register as a team manager.

#### Dashboard

![Dashboard](dashboard.jpg)
Do all the management here.


Team Management System


### Requirements

-   [python-telegram-bot](https://github.com/python-telegram-bot/python-telegram-bot)
-   [requests](https://requests.readthedocs.io/en/latest/)
-   [Flask](https://flask.palletsprojects.com/en/2.1.x/)
-   [chatterbot](https://chatterbot.readthedocs.io/en/stable/)
-   [lxml](https://lxml.de/)

### Features

-   Search for books from Taiwan online bookstores
    -   [博客來](https://www.books.com.tw/)
    -   [金石堂](https://www.kingstone.com.tw/)
    -   [讀冊](https://www.taaze.tw/index.html)
-   Machine learning responses by chatterbot

### Links

[Github](https://github.com/chuang861012/Kotori-telegram_bot)

### License

[MIT license](https://github.com/chuang861012/Kotori-telegram_bot/blob/master/LICENSE)


Works