Richard Ng

Full-Stack Developer

Frontend

React, JavaScript, ES6, Bootstrap, SASS, HTML, CSS

Backend

NodeJS, Express.js, PostgreSQL, Mongoose

Projects

Wordle Clone

  • JavaScript
  • SCSS
  • Local Storage
  • Free Dictionary API

This is my clone of the popular game Wordle, where players must guess a 5-letter word in six tries with the help of colored hints. To spice things up, I also added some custom features!

Features:

  • Can adjust length of word to guess.
  • Can generate a custom game link to share with friends

Snippets

  • PostgreSQL
  • Express.js
  • NodeJS
  • Bootstrap
  • Heroku
  • CSS Flexbox & Grid

Problem

The exact syntax of code can be difficult for developers to remember. It is more important for developers to focus on the features code can create, rather than obsessing over the nuances of the code itself. Can any developers out there relate to the questions below?

What's that line of code that lets me display a favicon?...

What command will undo a commit on Git?...

Solution

Introducing Snippets, a web app where users can sign in, create “snippets” of data defined with tags, and search through them!

Features:

  • Authentication
  • Full CRUD: Create, read, update, and delete snippets.
  • Tab-autocompletion: Press tab to confirm tag suggestion.
  • Shift-tag-selection: Press shift to loop through matching tags.
  • Image support: During snippet creation, the text field supports image links.

Plain Text to Unicode

  • Javascript
  • HTML
  • CSS
  • Bootstrap
  • SASS
  • Local Storage

Context

Some apps like Google Keep or iMessage do not support text styling. As a result, some people like to use unicode to 'style' their text in those apps. Their process is to copy a word from, say, Google Keep, paste that into a text-converter website, and copy the unicoded result.

Problem

When using normal plain-text-to-unicode converters, it takes too many clicks to replace the clipboard's text contents with unicode! Just take a look below at the steps they would have to take, and imagine duplicating those steps for every word they want to style!

Steps for Other Text-Convertor Websites
  1. A user must select the style they want Click
  2. A user must paste in the plain text Click plain-text-field, Right-click > paste
  3. A user must copy the unicode text Click unicode-field, Ctrl + A, Right-click > copy

Solution

Introducing Plain-Text-to-Unicode, a website where users can replace their clipboard's plain text contents with unicode with just ONE CLICK on a style! (Just be sure to select the checkbox option first!)

Features:

  • Can auto-replace clipboard. (Check-able option)
  • Shows error pop-ups. (Bootstrap toasts)
  • Remembers last clicked style (Local storage)

Text Translator

  • Javascript
  • HTML
  • CSS
  • Bootstrap
  • SASS
  • API
  • Local Storage

Users can translate text between two languages of their choosing.

Features:

  • Remembers translation history (Local storage)
  • Displays loading wheel during translation
  • Keyboard shortcut for translate button

About Me

richard

Contact Me