About

I'm a software developer and May 2022 graduate of the University of Southern California. My interests, education, and work experience span across multiple disciplines and industries. The diversity of my pursuits informs how I critically engage with everything around me.

I view and make sense of the world in terms of systems, and I continually find myself attracted to the ways technology interacts with, complicates, and simplifies human systems.

As a student of art and design, my approach to software development fuses the fundamentals of engineering with my understanding of visual communication. Principles of design not only inform my aesthetics and UI for user-engagement, but also provide me with broader frameworks for logically structuring software that is modular and efficient.

Whether my project entails navigating through lines of code in an algorithm to debug and refactor, or inspecting brushwork and geometry to extract a painting’s underlying ink-sketch, I employ a skillset and process that’s shared across my pursuits: methodically decompose the problem, compartmentalize its parts, reconstruct individual components, and synthesize to reach a solution.

My interdisciplinary lens allows me to see connections in additional ways outside of the traditional CS discipline, enhancing my abilities to problem-solve, learn new technologies, and communicate with diverse audiences.

Skills

Technology Proficiencies:


    Ruby

    Rails

    JavaScript

    Vue.js

    Node

    Express

    HTML

    CSS

    PostgreSQL

    Git

    GitHub

    Bootstrap

    APIs, Testing, Pair-Programming, Object-Oriented Programming (OOP), Microsoft Excel

Portfolio

Art U

Project Description: Personally built full stack web application which provides a platform for college student artists to showcase artworks, represent their schools, and accrue followings through social engagement with other artists, curators, collectors, and everyday art consumers. Used Ruby on Rails to construct the backend with RESTful API design and MVC architecture. Employed Vue.js and Bootstrap responsive, mobile-first, design to build the frontend.

Planning

  • Generated technical requirements and determined most effective solutions
  • Created wireframes
  • Designed database schema
  • Researched outside resources
  • Built two comprehensive feature lists – Need to have vs. Nice to have
  • Used Trello to structure, map out, and continually update step-by-step action plan for completion of application

Backend

  • Ruby on Rails
  • RESTful API backend design with MVC architecture
  • Built 5 models (and corresponding databases) with foreign key attributes, association methods, and active record validations. Tested with dummy data.
  • Installed BCrypt gem and JWT gem to create backend authentication
  • Built, controllers, RESTful routes, API views, and partials for more complex logic
  • Installed Cloudinary gem to upload images to cloud and store their URL’s in DB
  • Used Insomnia API design platform and REST Client to test RESTful backend actions and authentication
  • Seeded Data and installed Seed Dump gem to facilitate creating seeds with data sent to DB from frontend and Rails console

Frontend

  • Vue.js and Bootstrap
  • Vue multi-page CRUD application with 12 views
  • Installed Axios library to send HTTP web requests using JavaScript
  • Incorporated frontend authentication using Axios to retrieve JWTs and store them in local storage
  • Formatted and styled data sent from backend on pages
  • Imported Vue2Filters gem to filter data on index pages
  • Installed MomentJS library to set dates for users’ posts in relative time
  • Integrated Bootstrap theme for responsive, mobile-first, design
  • Added buttons, icons, checkboxes, dropdown menus, fonts, images, and forms with validations for creating and updating models

Technologies Used

Languages & Frameworks

  • Ruby
  • Rails
  • JavaScript
  • Vue.js
  • SQL
  • HTML
  • CSS

External Libraries & APIs

  • BCrypt
  • JWT
  • Cloudinary
  • Seed Dump
  • Vue2Filters
  • Axios
  • MomentJS

Relational Database Management System

  • PostgreSQL

VCS & Hosting Platform

  • Git
  • GitHub

Source-Code Editor

  • Visual Studio Code

API Design Platform & REST Client

  • Insomnia

SQL Editor & Query Interface

  • Postico

Project Management Software

  • Trello

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form