My Projects

---

Analytics Dashboard | HTML, CSS, Node.js, PHP, MySQL

This is the first project on my resume, as it is one of my most comprehensive projects. In this project, we created a web server using Apache and Digital Ocean to track data about users who enter our site. Any user who entered our site was given a session ID (cookie) and we simply tracked their static, performance, and activity data. This was including, but not limited to, how long the page took to load, what kind of device they are on, the dimensions of the device, exactly where their cursor was on our site and what keys they pressed, how long they were idle for, if they were idle, and when they returned. We then created our own RESTful API using Node.js and injected this data into our MySQL database. After this part was done, we created a dashboard for verified users to visualize this data. We implemented an authentication system using JWT and created normal users and admin users. Normal users were allowed to checkout the dashboard we created and generate a two-page report about the dashboard. Admin users could do this as well, but in addition, had a user management tab that would bring up an user management table, where they could add, delete, and update users. This is essentially a CRUD grid. We used PHP to extract data from the database and create both the user management table and the dashboard. The dashboard was creating using the ZingChart library. The management table was created using the ZingGrid library. We used HTML/CSS to create these things as well. Unfortunately, there is no GitHub associated with this project and the link no longer works since we shut down the server as it became too expensive to run for us college students. However, the code is available upon request.

---

Origami Fortune Teller | HTML, CSS, JavaScript | GitHub | Project Link

This was a project created by a group of 10 members, where I was the team-lead, and the main goal was to both build something and follow the Agile process. I led a team of 9 other developers to build this web application using HTML, CSS, and JavaScript. We followed the Agile process meaning, in week 2, we started off with team bonding exercises. Then in week 3, we began brainstorming using Miro board. In week 4, we created user personas/stories, to create a user centered application. Then, in week 5, a prototype design on Figma was created, meaning we had numerous svg options and also wireframes to help us guide ourselves. Then, from weeks 6 to 9, the focus was on simply coding. I held weekly sprints. This obviously called for weekly sprint review meetings and retrospective meetings. In week 10, we concluded the project by creating robust testing through Jest/Puppeteer. This whole project was mostly collaborated through Slack, Discord, and GitHub. Check out the GitHub link which will have both our administrative repository and the coding one. In the admin repository, you can find anything Agile related including meeting notes, ADRs and the practices mentioned earlier. Throughout this period, we also created a robust CI/CD pipeline. Those documents can also be found in the GitHub. This pipeline included a linter, the Code Climate quality checker, a manual pull request review, automated testing through Puppeteer and Jest as well as a JSDocs deployment.

---

File Compressor | C++

This project, entirely in C++, took input of a file and compressed this file. The compression algorithm used was the Huffman Compression Algorithm. This was built using a priority queue and binary trees. A custom tree was made to create this compression algorithm. In addition, a special header was added onto the compressed data, since this same program also was able to uncompress the same file back to its oringial format, making this lossless. In both the compress and uncompress algorithms, we create a Huffman Coding Tree, which is then used to compress and uncompress the files. In short, we read the data in the file bit by bit, compressed the data in buffers, then sent the buffer over to compress it. For uncompressing, we read our special header to see how we should create this new coding tree, then we uncompressed the compressed file using the Huffman Decode tree. There is no GitHub or link for this project, but a demo or code can be given upon request.

---

In-n-Out Mobile Ordering Application | Swift | GitHub

In this project, I created a mobile ordering application for the popular food brand, In-n-Out. This was entirely done in Swift through XCode. It was mainly tested on the iPhone 12 mockup, however, this project is mostly unfinished. The parts that work include a full menu where you can add items to a cart. Then, a cart view where users can checkout and see their total after a tax and tip. Then, users would be redirected to an Apple Maps screen where they can see the nearest In-n-Out where their food is being prepared. This app still needs a refactor process and more work done it to be complete.

---

Connect 6 | HTML, CSS, JavaScript | GitHub

This was one of my first solo projects ever. Instead of connecting 4 tiles, like in Connect 4, you need to connect 6 tiles. In addition, when its your turn, you can either add a tile in or remove a tile from the bottom which would bring down the tiles in that column. The functionality itself works flawlessly on this web application, however, it has not yet been deployed because it is missing a couple key features. First, I still need to implement multiplayer functionality. I am still inexperienced in this part of the web, but am working on it. In addition, the CSS animations need to be far smoother for this application. Once those changes are made, a refactor process definitely must happen as the code is too many lines and could use a cleanup. However, it isn't bad for a first project. This was done entirely in HTML, CSS, JavaScript.

---