Web Projects

View CLI Projects
Project I worked on

PlantUML Server

A web tool for software engineers to practice creating UML diagrams like sequence and class diagrams using PlantUML syntax. Key features include a problem collection for UML practice, interactive UML diagram creation, and options to download completed diagrams. For additional support, cheat sheets with example UML diagrams and source code are available as guidance.

  • JavaScript
  • PHP
  • Amazon EC2
GitHubApp URL
Project I worked on

Video Compressor

A desktop application that lets users compress and convert videos with the ffmpeg library. Built with Electron, it facilitates efficient event handling by linking the main process, which accesses the OS via Node.js, with the renderer process, which manages the HTML DOM.

  • TypeScript
  • React
  • Tailwind CSS
  • Electron
GitHubApp URL
Project I worked on

Portfolio Website

Building my portfolio website gave me hands-on experience with domain setup, configuring a web server, deploying on a cloud services, and setting up CI/CD pipelines.

  • TypeScript
  • Next.js
  • Tailwind CSS
  • Amazon EC2
GitHubApp URL
Project I worked on

Etch A Sketch

Etch A Sketch is a web-based version of the classic Etch A Sketch drawing toy. Using Konva.js for canvas functionality, it allows users to adjust line color and thickness and share their creations with friends. The application includes a secure Web API built with the Django REST Framework, using JWT.

  • Vue.js
  • Django
  • PostgreSQL
GitHubApp URL
Project I worked on

Connect 4

Connect 4 is a turn-based game where two players take turns dropping colored balls into a grid, competing to align four balls vertically, horizontally, or diagonally. I implemented an AI opponent feature using the Monte Carlo Tree Search algorithm and managed the application state using React's Context API.

  • HTML5
  • CSS3
  • React
GitHubApp URL
Project I worked on

Clicker Empire Game

For my first individual project, I built a browser application inspired by Cookie Clicker, utilizing JavaScript, the DOM API, and Local Storage. This project helped me deepen my understanding of browser rendering, create interactive user experiences, and learn to store data directly in the browser.

  • HTML5
  • CSS3
  • JavaScript
GitHubApp URL