Projects can be of many things, but here I am focusing on software-related projects that I build from clubs, hackathons, personal, or school
SFU Software Systems Website (sfussss.org)
As the current web lead, I am continuing the amazing website legacy that has been developed by other amazing software systems students. My responsibility include managing the repository, domain, issues, and pull requests. We are developing more features and projects to ease the lives of other software systems members.
Stack: Next.js, SASS, Figma, GitHub Actions, and lots of cool mini tools
Hope Health Action - Haiti Hospital
Developed website for hospitals in Haiti as part of SFU Research project through Hope Health Action, a non-profit organization. Features include storing department reports, message boards, case studies, broken kit reports, and employee of the month.
My work includes revamping employee of the month feature to allow many entities existing with CRUD operation through creating 5 REST API endpoints. I also created an add form, prefilled update form, view page, and record page and connected the server endpoints. I also worked some UI refactoring and changes to ensure it is also responsive on mobile. Lastly, I routinely participates in reviewing all the pull requests of 3 other developers and twice a week scrum.
Stack: Typescript, React, Express, MongoDB, Passport, Bootstrap, Chai, and Cypress
SystemsHacks Website (systemshacks.com)
Developed the website of the annual hackathon hosted by SFU Software Systems Students Society (SSSS) along with other cool developers and designers. My work includes developing the section for navbar, hero, sponsors, and faqs. I also managed the migration and domain so it can work seamlessly with GitHub pages.
Stack: HTML, SASS, Figma, Github Actions
MindfulU
MindfulU centralizes information on mental health services offered by UBC, SFU and other organizations. It assists students in finding, learning about and using mental health resources through features like a chatbot, meditation mode and an interactive services map.
We secured honourable mentions at the UBC’s nwHacks 2023, which is 5/133 teams :D.
SFU Indonesian Association Website (sfuia.org)
Simon Fraser University Indonesian Association’s website acts as the information hub for Indonesian students at SFU. Currently, we use Next.js (framework of react.js) as it feels nicer to build with its routing, better images, and rendering. I decided to use Contentful to allow people to contribute to the blog post easily without accessing the source code (easily published and editted).
Stack: Next.js, Bootstrap, SASS, Contentful API (for blog), SendGrid API (for mail), Vercel
Parkland
A full-stack amusement park website that have many features. It allows user login, signup, and it has its own reviews page with full CRUD functionality. User can make their own cards as an entry ticket and add the balance using Stripe API.
Stack: Express, Node.JS, PostgreSQL, Stripe API, WeatherAPI, Mocha, Chai
Pig Locator
Angular website to locate missing pigs with reports and maps stored as JSON in Data Manager API. Location is visualized in a map built with Leaflet and Mapbox API.
CRUD operation on reports is possible through the Data Manager API.
Tech Stack: Angular, Angular Material, TypeScript, Leaflet, Mapbox API, Data Manager API
The Movie Corner
A movie database website to see list of movies based on various categories (Popular, Upcoming, Action, Drama, Romance).
Stack: React, Bootstrap, Axios, and TMDb API
Multithreaded Chatroom
A chatroom with many features built in Java implemented with multithreading concepts where each client runs as a single thread. This chatroom allows everyone with the same IP Address and port to chat with each other.
Stack: Java, Socket
Amazing Package Deliveries Tracker
A package deliveries tracker to store packages information and show the packages based on its status (All, Overdue, Upcoming). The packages information is stored in the server and uses Spring to fetches/ updates the data. The component is separated with MVC (Model-View-Controller) architecture to ensure code is readable and understandable. Received full grade in the last iteration.
Stack: Java Swing, GSON, Spring
Arcade Games
A fun arcade game that lets you play ping-pong, snake, and crossing road. This game is built with Object-oriented programming paradigm to make code more reusable and clearer to see.
Stack: Python, Turtle
Rename Unzipper Script
Python script to rename and unzip all students’ files to be easily opened and ordered alphabetically. Though simple, it has saved me tons of time in marking students’ assignments.
Stack: Python