Profile picture

Ruby Rinken

Front End Developer
Pronouns they/them
Open Resume Email Directly

About me

I am a driven, hard-working software developer looking to create software that benefits others. I constantly seek new challenges, whether they be small, such as a new library to learn, or large, like an entirely new language and framework. 

Preferred locations

  • Denver, CO
Open to remote work

Previous industries

  • Consumer Electronics
  • Consumer Services

Skills

  • GraphQL
  • HTML5
  • JavaScript
  • React
  • TypeScript
  • Ubuntu

Currently learning

  • Redis
  • Rust

Projects

The Most Awesomest Thing Ever 2

The Most Awesomest Thing Ever 2

Contribution time 50 hours
Collaborators

Tools Used

  • React
  • TypeScript

The Most Awesomest Thing Ever was (and is, as of June 2020) a website dedicated to "scouring the universe for the Most Awesomest Thing. Ever." Unfortunately, it uses Adobe Flash, which will no longer be officially supported after December 2020.The Most Awesomest Thing Ever 2 (this site) is an unofficial, fan-made sequel to the original. This site requires nothing more than a modern web browser to use.This app was made over the span of four days, and uses the entirety of the English Wikipedia, so some comparisons that come up may be asinine or obscure. This is intentional.This site was made in React using React Router, as well as React Hooks and TypeScript.

My areas of focus:
I was tasked with building a site that utilizes React, React Router, and Asynchronous JavaScript in order to deliver a unique product for an audience of my choosing, which helps them in some way.In addition to those technologies, I chose to use TypeScript and React Hooks, as well as leverage the Wikipedia API (through WikiJS) to create a fully functional "powerscaling" game. One of my largest focuses was test driven development, as well as data collection. 

Launch the App Code Repository
Screenshot detail for project The Most Awesomest Thing Ever 2
Screenshot thumbnail #1 for project The Most Awesomest Thing Ever 2

Crate

Crate

Contribution time 80 hours
Collaborators Profile picture for Steven Meyers Profile picture for Kevin McGrevey

Tools Used

  • Express
  • GraphQL
  • React

Crate is a fully-featured monthly clothes subscription service demo, with functionality for the user to sign up/in, browse merchandise and subscriptions, and subscribe to any upcoming boxes.The Crate project is a two week long group project in which developers are asked to extend an existing codebase wit additional functionality, as well as add testing to the existing code. Our group's area of focus was the user profile page, where we were asked to allow the user to edit their profile information, including adding a biography, address, and profile image. An additional feature to implement was the ability to see previous and upcoming shipments, including any returns the user might have made.Our main focus was on studying the existing codebase and learning the design patterns used, how they differed what we were used to, and how to maintain both code style and page layout while adding our features. We also had to learn several new technologies previously unseen by us, including GraphQL and on the frontend, user authentication. Additionally, the backend was expected to learn how to adapt to an entirely new environment, switching from Ruby on Rails to Javascript.

My areas of focus:
Work through existing codebase, extending functionality as necessaryLearn how to use GraphQL and Redux with middleware (redux-thunk) to create a seamless multi-page application experienceTest code originally incuded in project, as well as code added by usSpecifically for me:Designing layout for new user pagesMock backend data storageCreate profile editor component, utilizing existing functionality as much as possibleTest profile, profile editor, and user actions filesClean up existing bugs and any new bugs introduced

Code Repository
Screenshot detail for project Crate
Screenshot thumbnail #1 for project Crate

Now What?!

Now What?!

Contribution time 70 hours
Collaborators Profile picture for December Garnet-Smith

Tools Used

  • React
  • TypeScript

Now What is a webapp that helps a user find their next favorite movie, tv show, book, game or podcast. The user is able to search for something and see similar results. They can then see details including descriptions of the results as well as links to more information. The user is able to favorite items which persist on page refresh.​Now What is built with React using TypeScript. It also utlizes React Hooks, local storage, the TasteDive API and the WikiJS API. The testing suite uses both the Jest and React Testing Libraries for unit, integration and asynchronous testing.​ 

My areas of focus:
My contributions were mainly focused on the framework of the site, building out the various components used throughout the site, with some other attention given to tests and to styling. In total, I contributed 1,347 lines of code across 32 commits, excluding merges. 

Launch the App Code Repository
Screenshot detail for project Now What?!
Screenshot thumbnail #1 for project Now What?!