Profile picture

Madison Law

Front-End Engineer
Pronouns she/her
Open Resume Email Directly

About me

Creative front-end software developer with strong experience in FinTech and account management. Passionate about learning new technologies, collaboration, solving problems and how technology can foster better human connection.

Looking to combine my past experience in the tech industry and account management skills with evergreen technical software skills to help companies create solid, accessible, and relevant products.

Librophile, feminist, coffee addict, lover of the great outdoors.

Preferred locations

  • Denver, CO
Open to remote work

Previous industries

  • Marketing and Advertising

Skills

  • Chai
  • CSS3
  • Cypress
  • Express
  • Git
  • GitHub
  • HTML5
  • JavaScript
  • Mocha
  • Npm
  • React
  • Software Architecture

Currently learning

  • Continuous Integration
  • GraphQL
  • TypeScript

Projects

Launch Lookout

Launch Lookout

Project scope time 52 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • Git
  • GitHub
  • HTML5
  • JavaScript
  • Npm
  • React
  • User Experience Design / UX
  • User Interface Design / UI
  • Visual Studio

Launch Lookout is a solo showcase project built in 5 days.

For those who love space exploration but never seem to be able to catch an important rocket launch until after it's already happened, Launch Lookout is here to help!

Launch Lookout is designed to provide updated information on the next upcoming launches from global public and commercial aerospace companies, along with countdown timers, mission details, links to live webcasts and more. Need some extra help keeping track? Bookmark a launch you don't want to miss to add it to your Bookmarks section.

The goal of this project was to incorporate React.js fundamentals, React Router, end-to-end testing with Cypress, RESTful APIs, as well as our own creativity to create a showcase piece.

Launch the App Code Repository
Screenshot detail for project Launch Lookout
Screenshot thumbnail #1 for project Launch Lookout Screenshot thumbnail #2 for project Launch Lookout Screenshot thumbnail #3 for project Launch Lookout

Rec Me

Rec Me

Project scope time 70 hours
Collaborators Profile picture for Eric Matlock Profile picture for Katie Ammon Profile picture for Jerry Vohrer

Tools Used

  • CSS3
  • Cypress
  • Git
  • GitHub
  • Heroku
  • HTML5
  • JavaScript
  • Npm
  • React
  • Sass
  • User Experience Design / UX
  • User Interface Design / UI
  • Visual Studio

RecMe is a game-ified music recommendation site for folks who are a bit bored with their current top artist lists. On page load the user sees a random featured artist and related artist bubbles. Users can also use the search bar to search for a specific artist and click into the featured artist to read more about them, their related artists, and listen to their music.

Users can also choose to start a 6-Degrees-of-Separation game from the homepage and are challenged to get to a specific artist in 6 or less clicks just by clicking on related artists.

This project was built in 1.5 weeks with React.js, Router, the React Context API for global state management, as well as E2E testing with Cypress.

Launch the App Code Repository
Screenshot detail for project Rec Me
Screenshot thumbnail #1 for project Rec Me Screenshot thumbnail #2 for project Rec Me Screenshot thumbnail #3 for project Rec Me

Rancid Tomatillos

Rancid Tomatillos

Project scope time 42 hours
Collaborators Profile picture for Zach Liibbe

Tools Used

  • CSS3
  • Cypress
  • Express
  • Git
  • GitHub
  • HTML5
  • JavaScript
  • Npm
  • React
  • User Experience Design / UX
  • User Interface Design / UI
  • Visual Studio

Rancid Tomatillos is a paired-project written with React.js in 2-weeks.

The site is a crossover mimic of movie review sites like Rotten Tomatoes and streaming websites like Netflix or Hulu. On page load, the user can view a collection of movies -- clicking on a movie poster will route them to that specific movie's details including movie overview, runtime, rating, budget and revenue. From here the user can favorite movies to add them to their favorites list which can be accessed via the main dashboard.

For the favorite movies user-flow we incorporated a custom microservice using Express.js to serve up favorites and allow users to star new movies.

The goals of this project were to create an app using the React.js framework, React Router for multi-page application functionality, to consume RESTful APIs via network requests & handling of asynchronous JavaScript, acceptance / end-to-end testing with Cypress, and the self-teaching involved in spinning up a custom backend server with Express.

Code Repository
Screenshot detail for project Rancid Tomatillos
Screenshot thumbnail #1 for project Rancid Tomatillos Screenshot thumbnail #2 for project Rancid Tomatillos Screenshot thumbnail #3 for project Rancid Tomatillos