about

Eddie Po Yao

The ability to create something out of nothing has fascinated me since forever ago. This affinity for creation is what eventually set me off on a path to becoming a full-stack web developer. Being a web developer is almost as if I am casting magic with my fingertips to make (in the tone of Miranda Priestly) stuff exist, and within that context is where I find relentless passion for what I do.

Beyond my aspiration to create, I'm also drawn to finding connections within unfamiliar spaces and ideas, often done through my solo travels. My photos page showcases just a few places I've been to last year through the lens of my simple camera and GoPro. In my free time, I teach yoga, strum the guitar, and geek out in-depth about Myers-Briggs.

Read more Eddie Po Yao

This webpage is made entirely of HTML5, CSS3, JavaScript, with a little help from JQuery and Lightbox.

I also fiddle in: Node.js, Express, React/Redux, React Native, Vue.js, MongoDB, PostgreSQL, REST API, socket.io, Sass, Glamorous, Flexbox, Passport Authentications and CICD.

Training wise, I play Codewars mainly for inspirational moments when I chuckle out of admiration at some people's solutions.

webdev

Mood Cloud App

The Mood Cloud project focuses on impacting school bullying, social struggles and emotional extremities - in and outside of schools. It is not always clear what a student's emotional state is for teachers to recognize. With Mood Cloud, students are encouraged to cultivate their emotional intelligence (EQ) by tracking their moods & introspecting results over visual representational patterns. Given the data, if affiliated teachers realize any student is in an emotional crisis or panicking for help, the teachers now have an opportunity to reach out immediately.

Learn more

React
HTML
CSS
JavaScript
NodeJS
Express
Mongo
Trello
Heroku
Mocha

GitHub | Live Demo

My final capstone project from Thinkful: Engineering Immersion program. First-phase strategy was strictly Test Driven Development (TDD). Second-phase saw the implementation of Agile software development model with Trello. Bootstrapped with React/Redux. This app persists both data & state using Local Storage and Auth Token.

During development, I attribute the following to be my project highlights: (1) discovering how to make references to MongoDB documents in other collections and deep-populating necessary information, and (2) learning and implementing a new technology, socket.io, on the fly, thus making the "Panic Button" & "Chat" function between students & teachers come to life.

Developed in January 2018. Collaborators: Quang Nguyen, Nathan Garrett & Adam Bradbury.

Kurikaeshi Learning App

繰り返し ( 'kurikaeshi' ) means "repetition" in Japanese. This app of the same name implies the same: it is a spaced-repetition memorization platform for Japanese vocabulary. The app displays a Japanese word and asks users to recall the definition in English. Referencing the concept of the Forgetting Curve, the app's algorithm dynamically repeats any questions answered wrongfully to help users strengthen memory.

Learn more

React
HTML
CSS
JavaScript
NodeJS
Express
Mongo
Trello
Heroku

GitHub | Live Demo

Using linked-list data structure and immersing it with MongoDB, the algorithm updates the memory value ( "M" ) to each corresponding question as they are answered. How frequent a user sees the question repeated depends on this memory value: If answered correctly, "M" value doubles; otherwise, "M" value is reset to 1; finally, move this question "M" spaces back.

Frontend wise, this app is designed with Flexbox and is mobile-responsive. Multiple choice answers are randomized each time from a word bank, then randomized again for their display order. As with any learning tool, users can choose the depth of content displayed in every question and in addition be provided a url link to the word's online Japanese dictionary.

Developed in January 2018. Collaborators: Andy Gaines & Nathan Garrett.

Text To Speech Translation App

The Text to Speech Translation app allows users to translate English text input to another language - both written and speech outputs. With authentications, users can manage their own repository of saved vocabularies and phrases for customized travel / communication aid, or simply to practice a foreign language (think flashcards). This version currently supports the following language outputs: Spanish, French, German, Portuguese, and Italian.

Learn more

HTML
CSS
JavaScript
JQuery
NodeJS
Express
Mongo
Sass
Travis
Heroku
Mocha

Subscribr App

Subscribr is a subscriptions management app. Users can keep track of their fixed-costs, such as reoccurring payment dates and respective amounts. High-level management features include a clean visual report of expenses by category & total expense by month/year. By George, do these dollars add up quickly.

Learn more

React
HTML
CSS
JavaScript
NodeJS
Express
Postgres
Trello
Heroku

Tomatoro Timer App

The Tomatoro Timer is an ongoing React Native project for iOS. It is an extension to the Pomodoro time-management method, where the convention is to work with unbroken willpower for 25 minutes at a time, followed by a 5-minute break. During these 5 minute intervals, Tomatoro offers mini-yoga & qigong lessons, letting users pick a body platform to stretch and offset all that "sitting" energy.

Learn more