Maintained, developed, and enhanced the Other People Literary Arts website to improve user experience and the ability of our published creatives to have their works read. Please read about the most recent projects and products I developed at Other People Magazine below! (All information below is public)

• Project Management

Currently leading a small team of designers to reevaluate and improve the UI/UX of the website. Developing a design system in Storybook with collaboration done in Figma consolidates a uniform brutalist-minimalist aesthetic that future developers and designers can quickly jump into.

• Teamwork
• UI/UX
• Storybook
• Figma

I set up automated workflows to run Playwright tests that ensure the core site generator functions were working properly. In addition, I set up automatic Lighthouse audits in-bulk over all pages of website using the Lighthouse CI Action. Preprocessing and postprocessing is done to get the necessary outputs from the reports and is used to maintain the quality of the product.

• CI/CD
• Playwright
• GitHub Actions
• API

I developed the recommendation system for Other People by combining methods to extract features from textual content and a neural network to discern features from artwork. I built and used the Other People API endpoints to extract data from the literary works used in the system. After researching different methods and strategies for analyzing the similarity of two works irrespective of end user information, the recommendation model adequately returns a diverse and novel set of recommendations for each literary or artistic work.

• Python
• Recommendation Systems
• Machine Learning
• API

In order to onboard new developers to keep Other People's many products still operable, I developed a website in Docusaurus to document major design decisions and changes that have happened throughout Other People's history. This documentation helped significantly with onboarding a new developer by breaking down the steps and showing visual architectural diagrams on how the integrations interact with each other.

• Docusaurus

I worked with a client to publish their story by creating a native choose-your-own-adventure (CYOA) program with additional features for accessibility and user-centric design. I was able to finish a minimum viable product (MVP) well before their work was finalized. I developed a python program that converted the templated tab-separated values (TSV) file into JSON to be read through the JavaScript program. After creating this MVP, we worked together to adjust the product designs and debug issues that were found when converting the story to input data. We finalized everything a few days before the deadline and established good relations between them and our organization.

• Python
• JavaScript
• Clients

I rebuilt the publishing website because the former content management system, Forestry.io was deprecated at the end of March. Researching many CMS options, we chose to replace it with TinaCMS. The new CMS does not function properly in the former Jekyll and vanilla JS codebase, so I rebuilt the whole website while learning the Next.js framework in a month.

• Next.js
• ReactJS
• Content Management Systems
• MDX

A typewriter program automatically displays characters or words onto the webpage. I worked with a client to make a native typewriter program on our website so as to not include an external dependency to the website. After rebuilding the website, I reworked the program to execute over a list of inputs instead of calling the same methods manually. This makes it modular and easier to input for the program.

• JavaScript
• Clients

In a group of four developers, we worked on a university research project to determine how accessible many governmental or public servicing websites were to the general public as it is necessary for everyone to be able to access vital information that they may need to live. My role was to collect lighthouse reports for one of the categories and then find interesting correlations after another teammate generated heatmaps of the data.

• Accessibility
• Google Lighthouse

In a group of three developers, we worked on a university project to learn how to configure an apache server. The significant takeaways from this project were learning about common gateway interfaces to output webpages in Python, Go, and C. We also built a RESTful using PHP functions to construct an authentication frontend and connected the webapp to a third-party logging system to analyze insights about our webpages.

• Apache
• Python
• PHP
• MySQL
• Cookies

In a group of eight developers, I was assigned the role of UI/UX and later worked on the frontend of the web app halfway through the project. We collectively agreed to do a fun theme to encapsulate all of this while considering issues such as how distractible the interface could be. I focused on multilingual support and accessibility as the designer so that the app could be used by a wider audience of screen reader or non-English users. Then, I worked on the task functionality to let users jot down tasks they want to complete.

• Accessibility
• Screen Readers
• Multilingual Support