Home Profile Skills Projects Experiences Contacts

Kwan Yoon


2A Computer Science | University of Waterloo

Projects


Boardgame Central


Language used: JavaScript (React.JS), HTML, CSS
Noteworthy libraries used: Socket.IO
Technologies used: Heroku, Netlify
Description: Built a website with React.JS that hosts many board games such as Reversi, Connect4, and TicTacToe that can be played locally and online, with multiplayer built with Socket.IO. Hosted on Heroku and Netlify.
GitHub: Boardgame Central GitHub

Home page
TicTacToe
Online Play
Connect 4

Bzzt


Languages used: JavaScript (React.JS), HTML, CSS
Noteworthy libraries used: React.JS, Material-UI, Redux, Node.JS, Express.JS
Technologies used: MongoDB, Heroku, Netlify
Description: Built a full-stack social media web application that allows users to create, read, update, and delete posts. Data stored in a MongoDB Database and hosted on Heroku and Netlify.
GitHub: Social Media App GitHub

Front page
Front End
MongoDB
Back End

Pathfinding Visualizer


Languages used: Python
Noteworthy libraries used: PyGame, Tkinter
Description: Pathfinding Visualizer created with Python and multiple pathfinding algorithms such as Dijkstra's and A*. Easy-to-follow GUI created with Tkinter.
GitHub: Pathfinding Visualizer GitHub

Setup
Dijkstra
A* Algorithm
A* Algorithm 2

Friends Manager


Languages used: Python, SQL
Technologies used: MySQL
Tools used: PyCharm, PopSQL
Description: Built an application where you can keep track of your friends' birthdays, likes, dislikes, and other information with Python. The data stored on a MySQL local database can be created, read, updated, and deleted by the user.
GitHub: Friends Manager GitHub

Create
Read
Update
Delete

Password Saver Android Application


Languages used: Java, SQL, XML
Technologies used: SQLite
Tools used: Android Studio
Description: Built a password saver disguised as a to-do list Android application with Java on Android Studio. Data stored in a SQLite Database for Android devices.
GitHub: Android Application GitHub

Main Page
Secret
Java
XML

Voice-Controlled News Web Application


Languages used: JavaScript (React.JS), HTML, CSS
Noteworthy libraries used: Material-UI
Technologies used: Alan AI, Netlify
Description: Built a news web application with React.JS and Alan AI, with a beautiful user interface created with Material-UI. Deployed with Netlify.
GitHub: Alan AI News Application GitHub

Front page
React
News Page
Alan Studio

Personal Resume Website


Languages used: HTML, CSS, Javascript
Noteworthy libraries used: jQuery
Description: Built this portfolio website with HTML, CSS, and JavaScript. Used libraries such as jQuery to create JavaScript functions more effectively.
GitHub: Resume Site GitHub

Front page
HTML
CSS
JavaScript

Space Duel


Languages used: Python
Noteworthy libraries used: PyGame
Description: Local 2-player PvP game built on Python and its PyGame library.
GitHub: Space Duel GitHub

Game
Python
End Screen
Python

Game Deal Finder


Languages used: Javascript, HTML
Description: Created a Chrome extension that tells users information about deals such as sales on other sites and historical low prices when on a Steam game page with JavaScript and HTML.
GitHub: Game Deal Finder

Steam Page
JavaScript
After Usage
JSON / HTML

Discord Utility Bot


Languages used: Python
Description: Using Discord.py, created a utility bot for my personal Discord server. Used PRAW - Reddit API Python Wrapper - to interact with Reddit within Discord.
GitHub: Discord Bot GitHub

Discord
Python

Personal Blog Site


Languages used: JavaScript (React.JS), HTML, CSS
Noteworthy libraries used: TailwindCSS
Technologies used: Sanity.io, Netlify
Description: Built a personal blog site frontend designed with React.js and TailwindCSS and backend setup with Sanity.io.
GitHub: Personal Blogging Site GitHub

Home page
React.JS
Blog page
Sanity Studio

Contacts


Phone: (1)289-400-8771
Email: k9yoon@uwaterloo.ca