Profile picture

Michelle Kaplan

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

About me

I am a software engineer with a marketing background! I have experience working with cross-functional and global teams. I consider myself to be detail oriented, and a team player with excellent communication skills. I am able to analyze a situation, identify requirements, and provide solutions!

As a former marketer, I am also highly empathetic to the user and understand the user journey and implementation of human centered design.

Check out my personal portfolio page here: https://michellekaplan.dev/

Preferred locations

  • Denver, CO
Open to remote work

Previous industries

  • Medical Devices

Skills

  • CSS3
  • Git
  • GitHub
  • Heroku
  • HTML5
  • Ionic
  • JavaScript
  • Jest
  • jQuery
  • Mocha
  • Npm
  • React
  • Redux
  • Sass
  • User Experience Design / UX
  • User Interface Design / UI
  • Yarn

Currently learning

  • Express
  • Node.js

Projects

Find My Market

Find My Market

Contribution time 120 hours
Collaborators Profile picture for Quinn Elder Profile picture for Zach Holcomb Profile picture for Colin Alexander

Tools Used

React Native | React Native Maps | React Hooks | Expo | Jest | React Testing Library

Find My Market, is a mobile-first (IOS) geolocation app that was designed, planned and implemented around finding farmers markets within a 50 mile radius from your location.

The user can click on markers on a map and view more information about that particular market, including address, season information, and a link to the website. The user can also filter by products! Additionally, the user can search for a different location and view markets in that area.

Team Wins

  • Map: Clean UI/UX
  • User can visit markets website with clickable link inside Callout
  • Favoriting markets
  • Filtering: UI/UX visual representation of filtered product to persist

Challenges

  • Environment setup for React Native
  • Map Component
  • Callout within Markers for Map
  • Favoriting markets
  • Filtering UI/UX
  • Testing within React Native (JEST)

Future Iterations

  • Push notifications: We want to send push notifications for user’s favorites 24 hours before a market takes place

Bug fixes

  • Filter toggle is a little slow (slow query filtering)

My areas of focus

  • Demonstrate mastery of the following:
    • React Native
    • React Native Maps
    • React Hooks
    • Expo
    • Work on a team of front-end and back-end to deliver a full-stack, mobile (IOS) application using a new technology (React Native)
    • Display farmers market data in an intuitive way so the user can search for locations across the United States, filter, and favorite markets
    • Competed in a demo competition of our application of which we were selected in the top 6 teams out of 10 projects
Launch the App Code Repository
Screenshot detail for project Find My Market
Screenshot thumbnail #1 for project Find My Market

Wizard Harry

Wizard Harry

Contribution time 20 hours
Collaborators

Tools Used

React | Router | Fetch API | Jest | React Testing Library | Local Storage

Wizard Harry was a solo project for the Turing School of Software & Design, which was completed in just six days. I chose to implement the Harry Potter API (https://potterapi.com/), as well as the Advice Slip API (https://api.adviceslip.com/) to add some humor into the project!

HARRY POTTER API IS CURRENTLY UNDER CONSTRUCTION

Upon entering the site, the user has a choice between 4 activities. They can "Get Sorted" into a house, get "Advice From Hermione", view the "Spell Book", and "View Characters". Upon viewing the spell book or viewing characters, the user can sort by various queries and can favorite items, which persist in local storage. Enjoy!

Wins

  • Thorough unit and integration tests
  • Favoriting / sorting spells and characters
  • Using Local Storage so data persists on page refresh
  • Designing a responsive, clean UI that is mobile friendly

Challenges

  • Testing local storage
  • Testing of component brought in from React IonIcons

Future Iterations

  • Sort characters by more than just house
  • Alphabetize charactersImplement search functionality for spells and characters

My areas of focus

  • Demonstrate mastery of the following:
    • ReactRouter
    • Asynchronous JavaScript
    • Work within constraints to deliver a unique product for your audience
    • Display the data from the API in a way that applies directly to your audience
    • Ability for users to store/manipulate the data displayed in the application, such as favoriting items
Launch the App Code Repository
Screenshot detail for project Wizard Harry
Screenshot thumbnail #1 for project Wizard Harry

Vacation Rentals Around Denver (VRAD)

Vacation Rentals Around Denver (VRAD)

Contribution time 30 hours
Collaborators Profile picture for Elliot Mackinnon

Tools Used

React | Router | Fetch API | Jest | React Testing Library

Vacation Rentals Around Denver (VRAD) was a paired project that was completed in 10 days. VRAD is a vacation rentals app that allows a user to sign in and view different listings for different areas across Denver.

Wins

  • Thorough unit and integration tests
  • Dynamic routing
  • Utilizing nested fetch requests
  • Clean design

Challenges

  • Testing asynchronous code

Future Iterations

  • Implement favoriting/unfavoriting a listing functionality (this would include implementing a /favorites route that displays only the favorited cards, error handling if there are no favorites)
  • Build out media queries for mobile responsiveness
  • Have user and favorites data persist in localStorage
  • Interactive map of listings

My areas of focus

  • Keep state based components to a minimum and leverage more functional components
  • Use a modular architecture for your application file structure
  • Think deeply about React Lifecycle Methods
  • Become familiar with promises, nested fetch requests, and handling the UI based on acceptance of data
  • Become familiar with routing and how to handle dynamic routesUse propTypes for every component receiving propsWrite tests for React components and some asynchronous functionality
Launch the App Code Repository
Screenshot detail for project Vacation Rentals Around Denver (VRAD)
Screenshot thumbnail #1 for project Vacation Rentals Around Denver (VRAD)

Overlook

Overlook

Contribution time 25 hours
Collaborators

Tools Used

Javascript | Fetch API | jQuery | Sass | Mocha & Chai | Webpack

Overlook was a one week solo project assigned for Module 2 of the Turing School of Software Development and Design Front End Engineering program.

Overlook is a hotel management application that have both a guest and manager portal. Both the guest and manager can view the guests' booking history, spending, and book a room. The manager has a dashboard that shows total revenue for the day, rooms available, and percentage occupied.

Wins

  • Wireframing to help think about class structure
  • Working with an API to GET, POST and DELETE data
  • Utilize webpack for dynamic routing
  • Implement apiController class to organize fetch requests
  • Utilize jQuery to keep DOM updates in separate file
  • Implement beforeEach hooks in testing to keep tests cleaner

Challenges

  • Updating the dom to respond to user interaction while working with promises

Future Iterations

  • DRYing up code
  • Implement testing with spies
  • Cross-browser compatibility
  • Media queries for mobile responsiveness
  • Fix issues that are marked in the issues of this GitHub project

My areas of focus

  • Use OOP to drive the design of the application and the code
  • Work with an API to send and receive data
  • Create a robust test suite that thoroughly tests all functionality of a client-side application
Code Repository
Screenshot detail for project Overlook
Screenshot thumbnail #1 for project Overlook