Hi! I'm Sui,

my name in Chinese, which also sounds like the word for water and serenity

Pronounced "Soo-ey", this is a part of my name written in Jiaguwen, or Oracle Bone Script, the earliest form of Chinese writing. Often used in divination for the royal Shang court, and the name I choose to go by! "Sui" means lucky, auspicious, and in general a good omen. It also sounds similar to the word for water and serenity in Cantonese!

Ways To Contact Me

About Me

I'm...

Sui Young! A front end developer based in the GTA (Greater Toronto Area)! I...

I'm Passionate...

About...

  • designing and creating creative, original, user friendly, socially aware, and accessible (WCAG compliant) content.

  • learning, enhancing my knowledge, and tackling challenges.

  • solving problems!

  • efficient, clearly communicated code.

I was...

  • in the real estate industry for 7 years.

  • in customer service, sales, design and administration.

I've gained valuable experience in assessing priorities, setting goals and how to accurately and appropriately manage my time to achieve these goals! • • Most importantly, I've learned the importance of asking for help once I've exhausted my own resources!

I Also Enjoy...

Illustrating, cooking, D.I.Y., and going out to spend quality time with friends and loved ones. My favorite past-time is cooking in a group and trying new recipes.

"If you are working on something exciting that you really care about, you don't have to be pushed. The vision pulls you."

~ Steve Jobs

My Skills

HTML5

HTML5 Icon

CSS3

CSS3 Icon

JavaScript

JavaScript Icon

SASS

SCSS Icon

jQuery

jQuery Icon

API

API Icon

GitHub

GitHub Icon

Git

Git Icon

React

React Icon

Firebase

Firebase Icon

Bootstrap4

BootStrap Icon

Vs Code

Vs Code Icon

Adobe Illustrator

Adobe Illustrator Icon

Adobe Photoshop

Adobe Photoshop Icon

WCAG Accessibility

Web Accessibility Icon

Responsive Design

Responsive design icon

Google Suite

Google Suite Icon

Paired & Mob Programming

Paired & Mob Programming Icon

Remote & Satellite Office

Remote & Satellite Office Icon

Past Projects

Ethical MakeUp

project6, mac laptop display of the application for ethical make up reviews.
  • ReactJs

    React Icon
  • HTML5

    HTML5 Icon
  • CSS3

    CSS3 Icon
  • SCSS

    SCSS Icon
  • API

    API Icon
  • Firebase

    Firebase Icon
  • Google Auth

    Google Suite Icon
  • Git

    Git Icon
  • Mob Programming

    Paired & Mob Programming Icon

An Ethical Make up Review app, that uses the MakeUp API. Search by a product type, and leave your own on any of the ethical make up products!

    Challenge(s):

  • Database Organization in Firebase
  • Deployment with Browserrouter
  • Resolution:

  • Teamwork
  • Research and understanding Browserrouter, Hashrouter, and react router in general

Cohort 25 Chat

project5 Application display of project 5, a chat application on a mac laptop screen
    • ReactJs

      React Icon
    • HTML5

      HTML5 Icon
    • CSS3

      CSS3 Icon
    • SCSS

      SCSS Icon
    • API

      API Icon
    • Firebase

      Firebase Icon
    • Git

      Git Icon

Log in using your GitHub user ID! Using the GitHub API and using public account information, you can use this app to chat with other users and be uniquely identified by your GitHub account!

    Challenge(s):

  • Database Organization in Firebase
  • Unique Login attributes
  • Unique User Login
  • Timeframe (1 week)
  • Resolution:

  • React Components that render for each user "Login"
  • GitHub user API

Palate Designer

project4 Palate Designer, designed and programmed by Naveen Malhotra and Sui Young.
  • jQuery

    jQuery Icon
  • HTML5

    HTML5 Icon
  • CSS3

    CSS3 Icon
  • SCSS

    SCSS Icon
  • API

    API Icon
  • Git

    Git Icon
  • Paired Programming

    Paired & Mob Programming Icon

An App designed for everyday use, search by ingredients and dietary restrictions. Using the Spoonacular API.

    Challenge(s):

  • Limited API Calls (150 points)
  • Testing
  • Resolution:

  • Registering for multiple API keys

Juno Tarot

project3 Juno Tarot, screenshot of black screen with faded white stars, the reading panel, the placeholders, and the tarot deck itself before use.
  • jQuery

    jQuery Icon
  • HTML5

    HTML5 Icon
  • CSS3

    CSS3 Icon
  • SCSS

    SCSS Icon
  • Git

    Git Icon

I've always wanted to have a mobile tarot app for my favorite deck (featured here). I set out to make one! The readings come from Tarot.com, the images also. So all credit goes there, and to the creator of the Winged Spirit Tarot, David Sexton.

    Challenge(s):

  • No API For Card data
  • Logic to prevent the same card from being pulled twice
  • Resolution:

  • Created my own data object with nested arrays and their own objects
  • Using an empty array to splice "used" cards for each card draw

Harper's Blog

project2 Replicate PSD conversion of Harper's Blog
  • HTML5

    HTML5 Icon
  • CSS3

    CSS3 Icon
  • SCSS

    SCSS Icon
  • Git

    Git Icon

Created a pixel perfect translation of a PSD design into a full responsive site.

What I'm Using

This section is inspired by WesBos’ uses.tech, and Ben Shi's Uses.

    Development Tools

  • Terminals - Git Bash, Windows 10 PowerShell, & Ubuntu 18.04
  • Text Editor - Vs Code
  • Browser - Firefox Developer Edition

    Development Services

  • GitHub - source code repository and github pages
  • CodePen - sample code testing
  • NameCheap - accredited domain registrar providing domain name registration and web hosting.

    General Software

  • Slack - General Communication with work/volunteer, Networking & Bootcamp Community
  • G Suite - Email, Calender, Office Suite, To-do lists
  • One Note - Note taking across all platforms
  • Last Pass - Password Manager
"Failure will never overtake me if my determination to succeed is strong enough."

~ Og Mandino

Blog

Sui Young @ Medium

Read writing from Sui Young on Medium. Sharing personal experiences, informative tips and points in a day in the life of a developer!

Contact Me