
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


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 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/)


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.


Works

audioff - audio device selector

Personal website

Personal Website

Team Management System