Profile picture

Nikki Petersen

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

About me

Working as a full stack engineer previously (specializing in React frontend and Ruby/Rails backend), Nikki gained valuable skills in TDD, deploying monthly, working on a distributed team, and as a periodic Scrum Master (CSM). Attending Turing was a way to rapidly improve her technical skills to be ready to enter a mid-level position after the mess of COVID is resolved. Prior to engineering work, a background in leadership in medicine and nonprofits gave Nikki a unique perspective for problem solving. She transitioned to programming because it fulfilled her desire to have a career in which she would never get bored, continuously learn and be challenged, and contribute to women's growth in the tech industry. When she's not coding, she's enjoying the shenanigans of her three hilarious children (and two cats).

Preferred locations

  • Boulder, CO
  • Denver, CO
Open to remote work

Previous industries

  • Medical Practice
  • Non-Profit Organization Management

Skills

  • Confluence
  • CSS3
  • Express
  • HTML5
  • JavaScript
  • Jest
  • Mocha
  • React
  • Sass
  • Vue.js

Currently learning

  • GraphQL
  • Travis

Projects

Mesh

Mesh

Contribution time 200 hours
Collaborators Profile picture for Ben Fulton Profile picture for Jessica Justice Profile picture for Genevieve Nuebel

Tools Used

  • Adobe Illustrator
  • JavaScript
  • Python
  • Ruby
  • Sass
  • Vue.js

Mesh is an application with two purposes: it's a central location for students to see all their feedback from Turing module projects, and it's a place for instructors to submit that feedback. It has two sides: student view and instructor view. This project does not include authentication but it could (and should) be added easily. When a student logs in, they see the projects they've received feedback on, and can make notes to themselves about how they'll implement that feedback (or notes about how that project went, anything they may want to learn later, etc.). When an instructor logs in, they see all the students in the module they're currently teaching, where they can click on a particular student and see their previous feedback for all projects that have been graded, and then submit feedback on a project without existing feedback.

Mesh was built as a proof of concept to demonstrate the necessity of a central location for feedback, as well as standardization of feedback -- both on the student side and the instructor side. It is a great place to start having a conversation about how this could be built and scaled up to accommodate all edge cases at Turing (like mods 0 and 5, repeaters, PD work, instructors creating rubrics with a form, etc.).

Both the front and back end are deployed on Heroku, so there may be an initial delay until it wakes up.

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

SmashCards

SmashCards

Contribution time 100 hours
Collaborators

Tools Used

  • Vue.js

A flashcard app with authentication, add, edit, and delete functionality, as well as some card flip css magic to see the back side of the card. Written with Vue and Bulma. To login, use test@gmail.com and test123 for credentials.

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

Emoji Coat of Arms

Emoji Coat of Arms

Contribution time 40 hours
Collaborators

Tools Used

  • React

This app was built for a niche audience: people who want to create a Coat of Arms -- but with emojis. It is built with React, utilizes Cypress for end-to-end testing, and is primarily a desktop app. Future iterations would include making it responsive, adding other shield shapes for the user to choose from, and the ability to share on social media.

It's deployed on Heroku, so give the live link a moment to wake up after you click. ;)

Launch the App Code Repository
Screenshot detail for project Emoji Coat of Arms
Screenshot thumbnail #1 for project Emoji Coat of Arms Screenshot thumbnail #2 for project Emoji Coat of Arms Screenshot thumbnail #3 for project Emoji Coat of Arms Screenshot thumbnail #4 for project Emoji Coat of Arms

Rancid Tomatillos

Rancid Tomatillos

Contribution time 100 hours
Collaborators

Tools Used

  • React

Although other members of my cohort built this on a team, I went this one solo. I built it with React, creating an elegant architecture to get the best out of a basic React app. It has search functionality and shows a hero profile of each movie once the user clicks through. It's mobile responsive and 99% accessible (WAVE approved!).

It's deployed on Heroku, so give the live link a moment to wake up after you click. ;)

Launch the App 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 Screenshot thumbnail #4 for project Rancid Tomatillos