Hello I'm

Richard

An Aspiring Innovator.

Computer Science student with 5+ years experience in
software development and innovation.

About Site II

Why Does Site II Exist?

If you want to know more about me, be sure to check out my personal website. So, the question is, if I already have a website, why does Site II exist? The purpose of this website is to showcase mini games and graphics and all other projects that are not "traditional" coding projects, like a ChatApp. Site II is the place to put these projects. So, this website serves as an augmentation to the personal website.

In addition, my personal website is made with Next.js, React, Node, and other fancy frameworks. However, Site II uses vanilla HTML, CSS, and JS. It helps me review the fundamentals and get my hands dirty with some CSS/JS tricks that are not deployed in the React site.

Visit Personal Website

Portfolio

Graphics & Mini Games Projects

4096!

A recreation of the classic game 2048, but with more functionalities. Try to get the tile valued 4096.

Don't Jaywalk!

Avoiding cars on the street by keyboard. Also tells you never jaywalk on the street 👀

From Collision To Pi

A simulation that draws the relation between elastic collision and the constant pi. Read the explanation here.

Flappy Bird

A recreation of the classic Flappy Bird. You can play on both mobile and desktop.

Sorting Visualizer

A sorting visualizer that visualizes the sorting algorithms. Use this to learn sorting algorithms!

Memory Game I

The first version of memory game in JQuery. Find the pairs with the same numbers.

Memory Game II: Canada

The Canadian version of memory game in P5. It also has a timer and a counter too!

Bouncing Balls Animation

A simulation uses physics to create the bouncing balls animation by a click of a mouse.

Firework Simulator

A simulation uses physics to create the firework animation by a click of a mouse.

Cell Growth Animation

Utilizing the cell growth algorithm that demostrates how cells grow in a culture.

Traffic Light

A simple traffic light animation in P5.js to simulate real-life traffic light.

Tic Tac Toe Min-max AI

A Tic Tac Toe AI that uses the min-max algorithm that tries to defeat the player.

Mine Sweeper

A terminal Mine Sweeper game that simulates the retro Mine Sweeper game.

View More Projects

Contact Me

I will be happy to read your message.

Made with ❤️ and ✨ by Richard Shuai