Pens from Kelly H https://codepen.io/kharrop/ en nospam@codepen.io Copyright 2024 2021-02-18T18:51:35-07:00 Custom Radio Option - ReactJS https://codepen.io/kharrop/pen/dKQoyR https://codepen.io/kharrop/pen/dKQoyR Kelly H

See the Code - See it Full Page - See Details

]]>
Custom Radio Option - ReactJS 2018-07-21T00:20:25-07:00
ReactJS Transitions https://codepen.io/kharrop/pen/BJREKQ https://codepen.io/kharrop/pen/BJREKQ Kelly H

See the Code - See it Full Page - See Details

Create fluid transitions using ReactJS.

]]>
ReactJS Transitions 2019-04-19T15:34:08-07:00
Competition - Challenge List https://codepen.io/kharrop/pen/KyKgmX https://codepen.io/kharrop/pen/KyKgmX Kelly H

See the Code - See it Full Page - See Details

]]>
Competition - Challenge List 2021-02-18T18:51:35-07:00
Mad Libs - ReactJS https://codepen.io/kharrop/pen/jwJLam https://codepen.io/kharrop/pen/jwJLam Kelly H

See the Code - See it Full Page - See Details

]]>
Mad Libs - ReactJS 2018-01-15T01:53:34-07:00
Text Message https://codepen.io/kharrop/pen/gWGyva https://codepen.io/kharrop/pen/gWGyva Kelly H

See the Code - See it Full Page - See Details

]]>
Text Message 2018-01-15T01:53:22-07:00
Logo Customizer - ReactJS https://codepen.io/kharrop/pen/mWXvov https://codepen.io/kharrop/pen/mWXvov Kelly H

See the Code - See it Full Page - See Details

I thought it would be cool to make a logo customizer that could be adjusted on the fly. The code isn't optimized, but this was more for a proof of concept. This is just an example SVG that I found online, showing how you can do all of this referencing something externally instead of using inline code.

]]>
Logo Customizer - ReactJS 2017-03-27T05:58:30-07:00
Persona Builder - ReactJS https://codepen.io/kharrop/pen/GjoqRr https://codepen.io/kharrop/pen/GjoqRr Kelly H

See the Code - See it Full Page - See Details

Learning how to add in transitions and create a form using ReactJS.

]]>
Persona Builder - ReactJS 2018-01-20T05:56:40-07:00
Savings Goals - ReactJS https://codepen.io/kharrop/pen/ezxzqg https://codepen.io/kharrop/pen/ezxzqg Kelly H

See the Code - See it Full Page - See Details

]]>
Savings Goals - ReactJS 2018-01-20T05:13:54-07:00
Sorting https://codepen.io/kharrop/pen/KMBYwB https://codepen.io/kharrop/pen/KMBYwB Kelly H

See the Code - See it Full Page - See Details

I wanted to make a simple task management system that allows a user to sort, create, edit, and delete tasks.

]]>
Sorting 2016-08-08T18:40:47-07:00
Comment Card https://codepen.io/kharrop/pen/qNyxYY https://codepen.io/kharrop/pen/qNyxYY Kelly H

See the Code - See it Full Page - See Details

A quick demo of revealing options when rating someone on qualifications.

]]>
Comment Card 2019-01-07T15:30:08-07:00