Skills

  • HTML logo

    HTML

  • CSS logo

    CSS

  • JavaScript logo

    JavaScript

  • Git logo

    Git

  • React.js logo

    React.js

  • Ruby logo

    Ruby

Projects

My Personal Website

My Personal Website

Used

HTML
CSS

This serves as my portfolio which contains the skills I've learned as a Software Engineer, the projects that I've worked on and my contact details. The website was built from scratch using HTML, CSS and a sprinkle of JavaScript and then published on GitHub Pages. In terms of layout, it follows the mobile-first approach and media queries were applied to accommodate for larger screen sizes.

OpenSea Search

OpenSea Search

Used

HTML
CSS
JavaScript

OpenSea Search is a Single Page Application (SPA) built with HTML, CSS, and JavaScript. It accesses data from the public OpenSea API. It showcases the three pillars of web programming: recognising events, DOM manipulation, and communicating with the server. Several functionalities are included: filter NFT collections, search for an NFT collection, toggle save/unsave a NFT collection and pagination.

Wizarding Duel

Wizarding Duel

Used

React.js
Styled Components

Wizarding Duel is a React SPA that allows the user to choose two characters from the Wizarding World for a simple duel! The app showcases my knowledge of components, props, inverse data flow and state management. It incorporates client-side routing using React Router. Harry Potter characters data is fed from an external API and duel outcomes are persisted to/read from a RESTful API using json-server. Styling was achieved using Styled Components

Lift frontend app

Lift

Used

React.js
Material UI
Ruby Sinatra
REST API

Lift is a workout tracker app that allows a user to create a workout, add/remove exercises, add/remove exercise sets, and adjust the number of reps and weights for every set. Finally the user can either end the workout or discard it should they wish to quit. Lift also features a summary tab whereby users can see a brief summary of their past workouts. I've used React.js and Material UI for styling. The frontend client communicates with a RESTful API that I've built on Sinatra (lightweight web framework on Rack) which leverages ActiveRecord for database interactions.

Submyway full-stack app

Submyway

Used

React.js
Material UI
Ruby on Rails
Redux

Submyway is a full stack application for subscriptions management. It effectively allows authenticated users to add, modify and categorise their subscriptions. The front end was built in React.js with Material UI was used for styling along with Redux for state management. The back end is on the Ruby on Rails framework in Ruby with jwt authentication.