Portfolio

SlackMoji

Find what Bitmojis are available on Slack

My coworkers regularly use Bitmoji on Slack, but we struggle finding commands supported by the Bitmoji API. SlackMoji queries the Bitmoji API and displays the results. The Bitmoji comics are searchable by tags and can also be sorted into commands which support multiple people and commands which do not. Since the Bitmoji API only supports JavaScript requests from the same origin, SlackMoji's React frontend calls an AWS endpoint I configured to run a Lambda requesting information from the Bitmoji API using Python. The endpoint serves the response from the BitMoji API (after filtering out duplicates) to my React application. Since there are thousands of results, I debounced the search function so that it won't refilter the comics for each character typed in the searchbar. I also created a loading screen to display while the data is being fetched.

slackmoji-gif

Nesty Hash

Randomly generate nested hashes for practice

Nesty Hash is a teaching tool I built for my students. Users can generate a random nested data structure by specifying data types for inclusion and a nesting depth. The code to generate the data structures recursively generates new data structures from the selected options at each level of the hash. The code to prettify the data structures inserts newlines and tabs based on character-matching. This project uses React Ace to display the data structure snippets. The CSS is Semantic UI React along with some custom CSS Grid.

nesty-hash-gif

DayJams

Your music and chat utility app

DayJams is a collaborative playlist and chat app. Users can create a group, invite friends and listen to shared playlists throughout the workday. This app utilizes a Javascript, React + Redux front-end and Ruby on Rails back-end with a PostgreSQL database. We authenticate users via JSON Web Tokens. Users search and retrieve songs using a public endpoint on the Spotify API. The app uses module and adapter patterns.

dayjams-gif

SpeakUp

Identify your government representatives and be heard

This Javascript portfolio searches the Google Civic API for government officials. Users enter their addresses which trigger AJAX requests to the API, returning their local, state and federal representatives. The contact information from this hash is then parsed and hyperlinked so users can tweet or email each representative directly from our website with preformatted, editable text. We utilize jQuery, API keys and an adapter for the API calls.

speakup-gif