HTML
CSS
JavaScript
Git
React.js
Ruby
Used
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.
Used
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.
Used
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
Used
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.
Used
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.