This project is currently under construction, as part of the Course Tool team at ScottyLabs.

The course tool allows users to browse courses taught at CMU, along with information about their historical Faculty Course Evaluations (FCEs) and workload. It comprises several parts:
1. Course scraper, written in JavaScript using x-ray for scraping.
2. FCE scraper, written in JavaScript.
3. Course API, written with Express.
4. Course Tool, a full-stack application written using NextJS and TypeScript. The frontend uses Redux for state management.

Information is stored in a Mongo database after it is scraped.

Site

Source

Scraper Source

CMU Course Tool

This Discord bot interfaced with the TartanHacks backend, allowing users to verify themselves. After users have verified themselves, it creates channels for their team and sends them to the right channels. Sponsors also have channels created for them.

TartanHacks Discord Bot

This is a statically-generated website, with the SSR powered by NextJS, hosted on DigitalOcean. It was my first foray into using NextJS for static generation and TailwindCSS for styling, which I found to be a productive combination. The project pages for the portfolio are generated based on writeups and photos I have placed in a specific directory format.

The illustration on the front page was drawn on an iPad, then traced with Adobe Illustrator and broken up into layers for the various effects. The flickering lights are powered by [AnimeJS](https://animejs.com/) and the particle effects use [TSParticles](https://particles.js.org/).

Website

Personal Website

This project was done in a team of 4 for HackCMU 2020. 

CMU Schedule Planner uses ScottyLab's Course API, and allows students to input their courses. Using workload data, we are able to estimate the amount of studying required for each course, and this web app creates a schedule using simulated annealing.

The interface was built using React, and state management was done with Zustand.

Devpost

HackCMU 2020: CMU Schedule Planner

Inspired by the explorable explanations created by people such as [Bret Victor](https://worrydream.com) and [Nicky Case](https://ncase.me/), I created an explorable explanation to explain the concept of superposition.

The interactive diagrams are made using D3.js, and the mathematical expressions are rendered using KhanAcademy's KaTeX library.

Waves Explorable

A friend and I were approached by my high school's Chemistry department, and they requested our assistance to create a mobile-friendly game to teach Organic Chemistry nomenclature.

We opted to use Haxe due to its cross-platform compilation capabilities. HaxeFlixel was also easy to get started with and was the right level of abstraction for us to develop the game quickly.

IsoNameIt

Ludum Dare is a 48-hour game jam, where contestants must create a game based on a theme, creating all code, graphics and sound within the time frame. I've participated in six Ludum Dares from 2016 to 2017. My last two games, in LD39 and LD40, were ranked in the top 5% of games from the jam.

# LD35 - _Shapeshift_
For my first ever game jam, I decided to use Lua and LÖVE as an opportunity to try out this game framework. I made a [puzzle game](http://btwj.github.io/ld35/) about eliminating shapeshifting reptiles from a room.

# LD36 - _Ancient Technology_
For this theme, I opted to make a game about wiring vacuum tubes to perform basic logical operations, in much the same style of [Zachtronics](https://www.zachtronics.com/) games. Although the rules of the game were hard to explain, I was glad to see that those who managed to overcome this barrier greatly enjoyed the final [game](http://btwj.github.io/ld36/).

This game was built in Haxe and HaxeFlixel, which allowed for cross-platform compilation ([source code](https://github.com/btwj/LD36)).

# LD37 - _One Room_
I made a [Papers, Please](https://papersplea.se/) parody about preparing fast food in dystopia, which can be found [here](https://btwj.itch.io/poultry-please). This was my first project written in GameMaker Studio, having obtained a license from a Humble Bundle.

# LD38 - _A Small World_
I built a [game](https://btwj.itch.io/pallas-station) about strategically placing down facilities on a space-limited asteroid, in order to keep a colony alive and protected from external threats. This was my second project written in GameMaker Studio.

# LD39 - _Running out of Power_
I interpreted _power_ in the theme as political power, and made a game inspired by character mechanics in games such as _Crusader Kings_ about staying in power as a dictator. This [game](https://btwj.itch.io/ousted) was built using web technologies, as it was an interface-heavy game.

# LD40 - _The more you have, the worse it is_
In this [game](https://btwj.itch.io/patient-zero), players are contact tracers (how prescient) trying to stop the spread of a deadly disease. They are given a network of people, and action points they can spend to diagnose and quarantine. This was also built using web technologies, including SVG for rendering of the network.

Bradley Teo

CS @ Carnegie Mellon

About Me

Experience

Resume (PDF)

Education

Carnegie Mellon University

Raffles Institution

Work Experience

Yext

CMU CS Academy

GIC Pte Ltd (Systematic Investment Group)

TinkerTanker Pte Ltd

Projects & Coursework

Contact Me