Hello
Projects
Portfolio
This portfolio leverages React, TypeScript, and CSS Modules, with dynamic animations implemented using Framer Motion. It showcases my front-end development skills, while providing a platform for professional networking.
- React
- TypeScript
- CSS Modules
- Framer Motion
- Sass
- Form Validation
- Mobile First Design
- Responsive UI
- CSS Flexbox
Dream Phase
An interactive project showcasing dynamic functionality and data storage built entirely with foundational technologies—no third-party libraries. Explore a user-focused experience that highlights core web development principles through seamless, responsive interactions.
- JavaScript
- HTML
- CSS
- CSS Flexbox
- Local Storage
- Mobile First Design
- Responsive UI
Widgets
A collection of widgets designed to enhance productivity. This dashboard provides users with quick access to weather and sun information, a convenient clock, and a helpful Pomodoro timer to optimize focus and efficiency. Experience a simulated workplace conversation with me in the 'Water Cooler Chat' widget.
- React
- TypeScript
- CSS Modules
- Sass
- REST API Integration
- React Context API
- Form Validation
- Mobile First Design
- Responsive UI
- CSS Flexbox
About
I’m an experienced software engineer with Bachelor’s degrees in Computer Information Systems and Psychology. I enjoy blending human-centered thinking with technical expertise to create intuitive, impactful products in collaboration with cross-functional teams. I value the entire development process, from ideation to launch, and continuously adapt and learn as I take on new challenges with a growth mindset.
Skills
Programming Languages
'%3e%3cpath%20d='M5.08%200H6.162V1.069H7.152V0H8.234V3.236H7.152V2.153H6.162V3.236H5.081L5.08%200ZM9.656%201.073H8.704V0H11.691V1.073H10.738V3.236H9.656V1.073ZM12.165%200H13.293L13.987%201.137L14.68%200H15.808V3.236H14.731V1.632L13.987%202.783H13.968L13.223%201.633V3.236H12.165V0ZM16.346%200H17.429V2.167H18.949V3.237H16.346V0Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.046%2022.0737L3%204.71875H21L18.953%2022.0718L11.99%2024.0018L5.046%2022.0737ZM9.183%2012.5737L8.989%2010.3938H17.134L17.324%208.26575H6.664L7.238%2014.7028H14.615L14.368%2017.4628L11.994%2018.1048H11.992L9.622%2017.4647L9.47%2015.7677H7.332L7.63%2019.1097L11.99%2020.3198L16.357%2019.1097L16.889%2013.1458L16.941%2012.5747L9.183%2012.5737Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e)
HTML
CSS
JavaScript
TypeScript
Java
Tools and Technologies
React'%3e%3cpath%20d='M16.63%2016.563C17.515%2016.471%2018.187%2015.7%2018.157%2014.775C18.142%2014.3304%2017.9557%2013.9088%2017.637%2013.5985C17.3182%2013.2881%2016.8918%2013.1131%2016.447%2013.11H16.385C15.438%2013.14%2014.705%2013.942%2014.735%2014.898C14.767%2015.361%2014.95%2015.761%2015.225%2016.038C14.186%2018.105%2012.598%2019.615%2010.215%2020.879C8.597%2021.743%206.917%2022.051%205.238%2021.835C3.863%2021.65%202.794%2021.033%202.122%2020.016C1.145%2018.506%201.054%2016.871%201.878%2015.237C2.458%2014.066%203.375%2013.202%203.955%2012.771C3.79771%2012.2533%203.66523%2011.7284%203.558%2011.198C-0.871%2014.436%20-0.412%2018.814%200.93%2020.88C1.938%2022.422%203.984%2023.378%206.245%2023.378C6.86223%2023.3817%207.47755%2023.3091%208.077%2023.162C11.987%2022.392%2014.949%2020.048%2016.629%2016.564M22.004%2012.741C19.683%209.997%2016.262%208.486%2012.353%208.486H11.864C11.7245%208.20864%2011.5108%207.97536%2011.2467%207.81208C10.9826%207.6488%2010.6785%207.56189%2010.368%207.561H10.306C9.36%207.592%208.626%208.394%208.657%209.35C8.687%2010.275%209.451%2011.014%2010.367%2011.014H10.429C10.7516%2010.9974%2011.063%2010.8903%2011.3276%2010.705C11.5922%2010.5196%2011.7992%2010.2635%2011.925%209.966H12.475C14.796%209.966%2016.995%2010.644%2018.98%2011.97C20.507%2012.988%2021.607%2014.313%2022.217%2015.917C22.737%2017.211%2022.707%2018.475%2022.157%2019.555C21.301%2021.189%2019.866%2022.083%2017.972%2022.083C16.751%2022.083%2015.59%2021.713%2014.979%2021.435C14.5394%2021.8273%2014.0809%2022.1977%2013.605%2022.545C14.918%2023.162%2016.262%2023.501%2017.545%2023.501C20.477%2023.501%2022.645%2021.867%2023.47%2020.233C24.355%2018.445%2024.294%2015.362%2022.004%2012.741ZM6.49%2017.087C6.52%2018.012%207.284%2018.752%208.2%2018.752H8.261C9.208%2018.722%209.941%2017.92%209.911%2016.964C9.89604%2016.5194%209.70969%2016.0978%209.39097%2015.7875C9.07224%2015.4771%208.64584%2015.3021%208.201%2015.299H8.139C8.06633%2015.2933%207.99329%2015.3035%207.925%2015.329C6.673%2013.233%206.154%2010.952%206.337%208.485C6.459%206.635%207.07%205.032%208.139%203.706C9.025%202.566%2010.735%202.011%2011.896%201.98C15.133%201.918%2016.507%205.988%2016.599%207.622C16.996%207.714%2017.668%207.93%2018.126%208.084C17.759%203.09%2014.706%200.5%2011.773%200.5C9.025%200.5%206.49%202.504%205.482%205.464C4.077%209.41%204.993%2013.202%206.704%2016.193C6.551%2016.409%206.459%2016.748%206.49%2017.087Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e)
Redux'%3e%3cpath%20d='M12%200C18.6%200%2024%205.4%2024%2012C24%2018.6%2018.6%2024%2012%2024C5.4%2024%200%2018.6%200%2012C0%205.4%205.4%200%2012%200ZM9.6%2015.975C9.75%2016.6497%209.75%2017.2497%209.6%2017.775L9.525%2018C9.525%2018.075%209.45%2018.15%209.45%2018.15C9.3%2018.45%209.15%2018.675%208.925%2018.975C8.25%2019.725%207.275%2020.025%206.825%2019.8C6.375%2019.575%206.6%2018.45%207.425%2017.625C8.325%2016.725%209.525%2016.125%209.525%2016.125L9.6%2015.975ZM19.5%205.1C18.975%203%2015.45%202.25%2012.075%203.45C10.125%204.2%207.95%205.325%206.375%206.75C4.5%208.475%204.275%209.975%204.35%2010.575C4.8%2012.75%207.8%2014.25%209.075%2015.3C8.7%2015.45%206%2016.8%205.4%2018.225C4.725%2019.725%205.475%2020.775%206%2020.85C7.575%2021.3%209.225%2020.475%2010.05%2019.2C10.875%2017.925%2010.8%2016.35%2010.425%2015.525C11.0084%2015.3447%2011.6286%2015.3189%2012.225%2015.45C14.325%2015.675%2014.775%2017.025%2014.625%2017.55C14.475%2018.075%2014.1%2018.375%2013.95%2018.525C13.8%2018.6%2013.725%2018.675%2013.8%2018.675C13.8%2018.75%2013.875%2018.75%2014.025%2018.75C14.175%2018.75%2015.15%2018.3%2015.15%2017.25C15.225%2015.975%2013.95%2014.55%2011.775%2014.55C10.875%2014.55%2010.275%2014.625%209.9%2014.775C9.9%2014.7%209.825%2014.7%209.825%2014.7C8.475%2013.275%206%2012.225%206.075%2010.275C6.075%209.6%206.375%207.725%2010.875%205.475C14.55%203.6%2017.55%204.125%2018.075%205.25C18.825%206.825%2016.5%209.825%2012.675%2010.275C11.175%2010.425%2010.425%209.9%2010.275%209.675C10.05%209.45%2010.05%209.45%209.975%209.45C9.825%209.525%209.9%209.675%209.975%209.825C10.125%2010.125%2010.575%2010.65%2011.4%2010.95C12.075%2011.175%2013.8%2011.325%2015.9%2010.5C18.225%209.6%2020.025%207.125%2019.5%205.025V5.1Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e)
Sass
CSS Modules
Styled Components
Framer Motion
GitHub
Jira
Experience
mPulse, Los Angeles, CA (Remote)
Front-End Engineer
June 2021 - June 2024
Education
The College of St. Scholastica, Duluth, MN
Bachelor of Arts in Computer Information Systems
August 2018 - May 2020
Winona State University, Winona, MN
Bachelor of Arts in Psychology
August 2006 - December 2011
