My Projects

A list of notable projects I have created — some are taken from tutorials I took while others are based from my own ideas. To view all my projects and its source code, please visit my repositories on GitHub.

  • Notes App

    July 2021

    Create your account to privately access your personal notes on any device. Features cloud syncing of notes and supports a few text styles with its markdown editor.

    • React
    • TypeScript
    • Material UI
    • Firebase
  • Chess Notation Trainer

    May 2021

    Train yourself to visualize chess coordinates quickly with this app. Familiarizing yourself with the notations can be very beneficial when learning how to play chess as it helps you identify positions fast.

    • React
    • TypeScript
    • Material UI
    • PWA
  • Time Until

    March 2021

    Display a countdown timer in days in your local time zone or specify a particular country to display in their time zone.

    • React
    • TypeScript
    • Material UI
  • Portfolio 2020

    September 2020

    My updated personal portfolio site. Created with Gatsby and hosted on Netlify. I used Netlify Forms for the contact form and Framer Motion for the animations and page transitions.

    • Gatsby
    • Sass
    • Framer Motion
    • Netlify
  • Pomodoro Timer

    August 2020

    A PWA Pomodoro Timer made with React which can be installed as a desktop or mobile app. Aside from its timer feature, it also has reminders which can be seen inside the settings.

    • React
    • Sass
    • PWA
    • Netlify
  • Pokedex App

    July 2020

    Search for any pokemon to get its details and base stats. Data is being fetched from PokeAPI. Styled using mobile first technology.

    • React
    • Sass
    • Context API
    • API
  • Movie Database App

    July 2020

    A Movie Database web application where users can search for any movie or series to look up the movie / show information such as the plot, rating, and casts. Data is being fetched from OMDb API.

    • React
    • Sass
    • API
  • Tic Tac Toe

    April 2020

    A simple 2-player Tic Tac Toe game made with JavaScript. Created with the help of Web Dev Simplified's tutorial on YouTube.

    • HTML
    • Sass
    • JavaScript
  • Rock Paper Scissors

    February 2020

    Play a Rock, Paper, Scissors game against the Computer, first to 5 points wins. Made with JavaScript

    • HTML
    • Sass
    • JavaScript
  • Weather App

    January 2020

    A simple weather app that fetches and displays the current local timezone, weather, and temperature of a city using the API from OpenWeatherMap. Querying letters in the search box will return a list of available cities.

    • HTML
    • Sass
    • JavaScript
    • API
  • Portfolio 2019

    September 2019

    My first personal portfolio site. Created with HTML, CSS, and Bootstrap

    • HTML
    • CSS
    • Bootstrap
  • Rubik's Cube Solution

    August 2019

    My take on FreeCodeCamp's Responsive Web Design Projects - Build a Technical Documentation Page project. I created a documentation page on how to solve the Rubik's Cube.

    • HTML
    • CSS
    • Bootstrap
  • Document Preparation Template

    August 2019

    A personal project made while working at Gadens as Processing Associate to assist with my day-to-day tasks. This template has helped me eliminate common errors by programming the code to do most of the logic work.

    • HTML
    • CSS
    • Tailwind CSS
    • JavaScript
  • Number Guessing Game

    April 2019

    Guess a random chosen number between 1-150 within 10 tries. Idea is taken from Mozilla Developer Network's Guess the Number Game project.

    • HTML
    • CSS
    • JavaScript
  • Rolls-Royce Wraith Landing Page

    September 2018

    My first website project created — this challenge is taken from freeCodeCamp's Responsive Web Design - Build a Product Landing Page project. I redesigned the landing page of Rolls-Royce Wraith.

    • HTML
    • CSS
    • Bulma