Siu's repositories
battleship
A real-time battleship game (also known as Battleships or Sea Battle) for pairs of players, built with React and Socket.IO
adopt-a-pet
A Vue.js app for pet adoption, with pet data fetched from the Petfinder API. Visitors can view and save pets, search with keywords and/or filters.
currency-converter
A currency converter that displayed multiple currencies on one page. Each currency has a seperated number input. When user enter a new value into an input, it would be converted to all other selected currencies.
draw-bar-chart
A library for displaying responsive bar chart with jQuery. The library has one function, this function can handle bar chart with single or stacked values, positive and/or negative values. Some optional options include tickInterval, barColour, barSpacing, showLegend, scientificNotation and animationEffect.
github-timeline
This app accepts a GitHub username and produce a timeline containing name, created date and description of the user's repos.
25-5-clock
A Pomodoro timer with start/stop, reset, stop beeping buttons and settings panel.
drum-machine
A react drum machine with 9 clickable drum pad elements, which can also be trigger by key press. The drum machine also has a display, power button and volume control.
fsharp-documentation
A Technical Documentation Page.
javascript-calculator
A react calculator with clickable buttons, which can also be triggered by key press.
markdown-previewer
A web app that take in Markdown syntax from users and display the preview.
minesweeper
A simple Microsoft Minesweeper clone, built with Vue3.
password-generator
A password generator with options, built with Angular 13.
random-quote-machine
A web page that displays random quote.
rise-and-fall-of-apple-daily
A simple tribute page. The design is cloned from the webpage of Apple Daily, which is not available since the paper's closure on June 23, 2021.
survey-scam
A web page that display a form. The design is inspired by online survey scam.