top of page

My Projects

HTML | CSS | JavaScript | NodeJS | ExpressJS | React-Leaflet | React-ChartJS-2 | DiseaseAPI | Postman | Heroku

A COVID-19 dashboard app where visitors can click on an interactive map to see total confirmed cases, deaths, and recovered COVID-19 data around the world fetched from the Disease.sh API.

A COVID-19 dashboard app built using React-Leaflet, React-Chartjs-2, and RubyOnRails.

Visitors can click on an interactive map of the world and the United States to see total cases, deaths, and recovered COVID-19 data fetched from the Disease.sh API.

My dashboard app also incorporates the Twitter Developer's API to fetch live tweets on COVID-19 news and information.

My application was designed to be modular, scalable, and reusable with React components.

COVID-19 Tracker App

HTML | CSS | JavaScript | NodeJS | ExpressJS

A to do list application running on Node and Express where a user can add to do list entries and remove them using a checkbox.

A to do list application running on Node and Express where a user can add to do list entries and remove them using a checkbox.

The Express backend is connected to MongoDB Atlas and the user's to do items are stored in a remote database.

To Do List Full Stack App

HTML | CSS | JavaScript

A simple browser game where the player must match the pattern of colors repeated on the screen. The games uses control-flow and an array of user inputs to determine if the patterns match.

A simple browser game where the player must match the pattern of colors repeated on the screen. The games uses control-flow and an array of user inputs to determine if the patterns match.

Browser Simon Game

HTML | CSS | JavaScript | React

A browser weather app built using React and the OpenWeatherMap API. A user can search for their US zip-code and find the current weather in their city.

A browser weather app built using React and the OpenWeatherMap API. A user can search for their US zip-code and find the current weather in their city.

Weather API App

HTML | CSS | JavaScript | NodeJS | ExpressJS | JotForm | RacketLoggerAPI | Postman | Heroku

A tennis racquet store app where customers can login and browse through some top-brand professional tennis racquets fetched from the Racket Logger API

A tennis racquet store app where customers can login and browse through some top-brand professional tennis racquets fetched from the Racket Logger API.

My e-commerce web app features a MongoDB NoSQL database, Express.js server, React.js component-driven design, and Node.js.

I integrated the RacketLogger Developer API to create my own MongoDB database of tennis racquet objects that customers add to shopping carts using a one-to-many relational schema.

Customers register using passwords secured with Bcryptjs hashing, salting algorithms, and log in using JSON Web Token authentication.

Racquet Dash Store App

HTML | CSS | JavaScript | NodeJS | ExpressJS

A journal application running on Node and Express where the user can compose daily journal logs that are displayed on the home page.


A journal application running on Node and Express where the user can compose daily journal logs that are displayed on the home page.

The user can click on each journal entry and visit a show page.

Journal blog posts are stored in a collections MongoDB Atlas database.

Daily Journal Full Stack App

HTML | CSS | JavaScript

An interactive drum game where the player can use the keyboard or click on the screen to play drum sounds. The game uses simple DOM-manipulation and event-listeners to play sounds.

An interactive drum game where the player can use the keyboard or click on the screen to play drum sounds. The game uses simple DOM-manipulation and event-listeners to play sounds.

Interactive Drum Kit Game

HTML | CSS | JavaScript | React

A to do list app that I built using React inside CodeSandBox.

A to do list app that I built using React inside CodeSandBox.

React To Do List App

HTML | CSS | JavaScript | jQuery | Bootstrap | YuGiOhAPI

I created a turn-based Yu-Gi-Oh card battle game using HTML, CSS, JavaScript classes, object-oriented design, event-driven programming, jQuery DOM-manipulation, the Bootstrap library, and the Yu-Gi-Oh! Developer API using asynchronous API fetch calls.

Yu-Gi-Oh! Trading Card Game is a Japanese card battle game where two players draw cards from their respective decks and take turns playing cards on the field.

I created a turn-based Yu-Gi-Oh card battle game using HTML, CSS, JavaScript classes, object-oriented design, event-driven programming, jQuery DOM-manipulation, the Bootstrap library, and the Yu-Gi-Oh! Developer API using asynchronous API fetch calls.

Mike's Card Battle Game

HTML | CSS | JavaScript

A mock-up website for a mobile app created using Bootstrap and front-end languages.

A mock-up website for a mobile app created using Bootstrap and front-end languages.

Mobile App Website

HTML | CSS | JavaScript

A browser dice game that randomly determines which of two players has the greater dice number.

A browser dice game that randomly determines which of two players has the greater dice number.

Browser Dice Game

HTML | CSS | JavaScript | React-Native | React-Navigator

This mobile app is built using React Native to run on iOS and Android devices. It follows React's Component Driven Design (CDD) pattern and uses a number of built-in Core Components such as View, TouchableOpacity, and StyleSheet components.

This mobile app is built using React Native to run on iOS and Android devices. It follows React's Component Driven Design (CDD) pattern and uses a number of built-in Core Components such as View, TouchableOpacity, and StyleSheet components.

You can input your hourly wage and price of expense for a desired item into the calculator, and it determines the amount of time it took to earn it.

How much you make hourly? (H)
How much the item is? ($)
$4/$15 = 0.266 hrs x 60 min/1hr = 16 min 0 seconds $4/$13,000,000 = 0.001 seconds 1ms

The original concept and UI design was created by Kayla Trinh and developed by Michael Truong.

Time Wager App

bottom of page