Andy Chou

JavaScript, React, Socket.io, Node.js

Currently still work in progress, you can view the current source code on GitHub.

A web app that runs a multiplayer game of Uno in the browser along with an in-game chat application to go with it. The multiplayer functionality uses socket.io and interacts with an Express.js server.

Currently the basic functionality of the chat application portion has been completed: players can join game rooms and chat with other users in the same room. The Uno game portion has the game setup part completed, where players can join the game and players are dealt their starting cards. The gameplay logic and additional visual designs are currently work in progress.

React, Redux, JavaScript, JSX

A table top themed website built primarily using React. This website includes some features like an about page and a contact page, as well as a blog page and a gaming page that offers interactive examples of some board games built using React.

The structure of this website follows the React structure, by dynamically creating and declaring individual components using JavaScript that are rendered by the browser. This allows for parts and sections of the website to exist as separate child components to be called and rendered by a parent component. Most of the text content and images are stored in a separate Express.js server and dynamically rendered.

Redux was also implemented here by introducing a global store to hold state to be passed to components. State is updated using actions (objects containing data) and reducers (pure functions that update the current state using actions), allowing for a predictable flow of data.

An Express.js server that primarily functions as the backend server for the Table Top Town client. This server is hosted as a Node.js app on Heroku.

This server handles requests from a client and then queries a MongoDB database. Then it responds back to the client accordingly with the fetched data from the database. In addition to content fetching, this server also handle other common web server features like authentication, session tokens, and resource sharing.

React, JavaScript, JSX

A self-contained, simple chess application built using React. This application exists as a section featured in the Table Top Town website mentioned above.

This chess app is built following React concepts, using JSX and JavaScript. The chess board and pieces are rendered as components, and the movement of the pieces and player turn are handled by JavaScript logic.

Bootstrap, HTML, CSS, SCSS, jQuery

My personal portfolio page, you're looking at it right now. This webpage uses Bootstrap to deliver a responsive experience, compatible with both smaller mobile viewports and larger desktop viewports.

The development environment that I used for working on this page included the use of a SCSS preprocessor for compiling CSS. Then I used npm scripts to run parallel shells for running lite-server for test viewing and onchange scripts for realtime SCSS-to-CSS translating.