React

Below are some projects I've written using the React library.

Most of the apps run using Babel, so you can easily view the code.

react logo

React Examples

Interactive examples of React code.
draw icon

SVG Tools

SVG drawing tools.
circuit

Circuits

Circuits rendered with React and SVG.
regex edit icon

RegEx Edit

Enter or load some text and run regular expression commands.
outline icon

Outliner

This is a simple outliner that I use for class notes.
scan edit icon

Scanned Text Cleaner

Makes it easier to clean up scanned text for an EPUB.
youtube transcript icon

Youtube Transcript Extractor

Extract transcript from Youtube videos.
check text icon

Text Checker

Enter or load some text and this app will count lines, words, letters, digits, spaces,...
color band

Color Band

Try different color band formulas.

Seed Bead Graph Paper

Web version of graph paper for beading.
french doors outline

French Doors Colorizer

We installed some French doors and I wanted to experiment with color combos.

Calendar Component

Click to see next or previous months.

Big Timer

Stopwatch/timer with large SVG digits.
stopwatch

Average Time

Enter a list of times and get total and average.
connected graph

Connected Points

Build and manipulate a web of connected points in SVG.
helium

Atom Renderer

Render atoms with a slider.

Calculator

Small project to learn about the useReducer hook.
sidebar icon

Sidebar

Demonstration of a React app with sidebar navigation that works with mobile devices.
pointer events

Pointer Events

App that responds to mouse and touch events.
pointer coordinates

Pointer Coordinates

Show values returned from mousedown and mousemove events.

Colored Squares

Just some colored squares in a grid with useState hooks.

Buttons and Lights

Buttons and lights which can affect each other.

Moving Squares

Several components which react to mousedown and mousemove events with useEffect.

Moving SVGs

Move SVG elements around with a mouse.
API

Public APIs

Browse public APIs via api.publicapis.org.