Profile picture

Lidia Karpinski

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

About me

As a Speech Language Pathologist turned Software Engineer, I know first-hand how crucial language and design are to facilitating both patient and user experiences. Having spent 7 years working directly with multiple demographics suffering from various impairments, I had to customize my approach to care in order to treat individuals with specific needs. Through effective problem-solving, creativity, and empathy, my goal is to build applications that are highly accessible yet feel personalized to create an enjoyable user experience.

Preferred locations

  • Denver, CO
  • Chicago, IL
  • Indianapolis, IN
Open to other locations and/or remote work

Previous industries

  • Health, Wellness and Fitness
  • Hospital & Health Care

Skills

  • Apple
  • Chai
  • Continuous Integration
  • CSS3
  • Cypress
  • Express
  • Git
  • GitHub
  • Google
  • Heroku
  • HTML5
  • JavaScript
  • LinkedIn
  • Material UI
  • Mocha
  • Node.js
  • Npm
  • React
  • SaaS
  • Slack
  • Software Architecture
  • Trello
  • TypeScript
  • User Authentication
  • User Experience Design / UX
  • User Interface Design / UI
  • Visual Studio
  • Webpack

Currently learning

  • GraphQL

Projects

Roe'd To Aid

Roe'd To Aid

Project scope time hours
Collaborators Profile picture for Rachel Allen Profile picture for Catlyn Bowles Profile picture for Irmak Erdem Profile picture for Casey Fazio Profile picture for Wesley Garcia Profile picture for Bryce Wein

Tools Used

  • Cypress
  • GraphQL
  • Heroku
  • JavaScript
  • Material UI
  • Npm
  • React
  • Saas
  • User Experience Design / UX
  • User Interface Design / UI

Roe'd To Aid was created to bring awareness and expand access to safe, authorized clinics that provide necessary healthcare to all birthers. This application compiles current clinic information by state and clearly defines authorized clinics and distinguishes them from misinformation centers. Users can learn about current state policies as well as available resources in their state.

Taking full advantage of React's modular nature, we created dynamically rendered components that helped keep the app small yet provided the user with a pleasant experience.

We implemented Apollo Client as a state management library that simplified the management of remote and local data with GraphQL. Apollo Client handles the request cycle from start to finish, including tracking lifecycle states and streamlining the construction of our loading and error components.

We used the PropTypes library to validate the data type of props coming into a component, allowing for more specific, helpful error messages.

We used Material UI components for the icons on the clinic cards and filter buttons on the Find a Clinic view. Using shared classes, SCSS variables, and nested styling in SASS, we efficiently wrote the SCSS throughout the app. With a mobile-first development approach, we learned it requires much less SCSS to modify the styling for larger viewports. To help with the design, we purchased an illustration assets pack from Dribbble so it would have a consistent look and feel. It was also important to us as a team to utilize diverse and inclusive imagery.

We implemented continuous integration (CI) through CircleCI to integrate changes made by all team members into a central, shared version frequently deployed (usually multiple times per day).

Finally, we incorporated Agile scrum ceremonies for our project management, including morning stand-ups, weekly retros, and a shared organization project board used for refinement and planning.

Launch the App Code Repository
Screenshot detail for project Roe'd To Aid
Screenshot thumbnail #1 for project Roe'd To Aid Screenshot thumbnail #2 for project Roe'd To Aid Screenshot thumbnail #3 for project Roe'd To Aid Screenshot thumbnail #4 for project Roe'd To Aid

The Office-ionado

The Office-ionado

Project scope time hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • Express
  • GitHub
  • Heroku
  • HTML5
  • JavaScript
  • Npm
  • React
  • Visual Studio

Arguably the best comedy series of the 2000s, The Office provided millions with an artillery of excellent one-liners. The series is over, but generations will continue to enjoy this classic through The Office-ionado, an application designed for users to test their recollection of some of the most legendary quotes.

The Office-ionado was a solo project created during Module 3 at Turing School of Software & Design. With this project, I was able to master React fundamentals, solidify my Cypress testing skills, and create my own API using Express.js and deploying on Vercel.

Launch the App Code Repository
Screenshot detail for project The Office-ionado
Screenshot thumbnail #1 for project The Office-ionado Screenshot thumbnail #2 for project The Office-ionado Screenshot thumbnail #3 for project The Office-ionado Screenshot thumbnail #4 for project The Office-ionado

PickMeUp

PickMeUp

Project scope time hours
Collaborators

Tools Used

  • Cypress
  • GitHub
  • Heroku
  • JavaScript
  • Material UI
  • Npm
  • React
  • TypeScript
  • User Experience Design / UX
  • User Interface Design / UI
  • Webpack

Everyone has bad days…PickMeUp is an application that provides an uplifting compliment and/or a solid piece of advice to put a smile on your face! Users have the opportunity to browse through a variety of compliments/advice as well as favorite their most liked!

The stretch technology we chose as a group was TypeScript. TypeScript is an increasingly popular programming language and many employers are seeking TypeScript experience.

Throughout this project, we took full advantage of React’s modular nature by creating dynamically rendered components and views. This helped us keep the app small yet provided the user a pleasant experience. We implemented thoughtful architecture through the use of shared utilities, global extendable interfaces, and views. We implemented Local Storage to store our favorite compliments and pieces of advice. We styled the app using shared classes that reduced the amount of repeated CSS throughout the app and applied media queries to make everything mobile responsive. We recognized the value of typescript while working through the functionality and feel confident in the product we created.

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

Rancid Tomatillos

Rancid Tomatillos

Project scope time hours
Collaborators Profile picture for Brandon Ainsworth

Tools Used

  • Chai
  • CSS3
  • Cypress
  • GitHub
  • Google
  • Heroku
  • HTML5
  • JavaScript
  • Npm
  • React
  • Webpack

Leveraging the power of React, we created a quasi-clone of Rotten Tomatoes dubbed Rancid Tomatillos! This application provides a list of movie cards from an API with their poster image and rating, which can each be individually clicked on by the user which routes to a movie summary page (utilizing a different endpoint) which includes all of the specific movies details, a promotional photo, and a movie trailer.

Features:

  • All movies from the API are displayed to the user on the homepage
  • Using React Router, a user can click on a specific movie which takes them to a movie summary page, which includes the details and trailer from Youtube
  • The movie summary page includes a responsive home button to return to the main page
  • A user can use the search feature on the homepage to search for a movie, which dynamically renders fewer movies based on the search value
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