Prepare to be wired
First we'll prep the wires which run from the Flora to the Color Sensor, NeoPixel, and Codec Board.
Ribbon cable can be handy for keeping wires grouped, but any common type of hookup wire will work just fine.
Cut 7 pieces of wire a bit longer than the distance between your pointer fingertip and wrist.
Cut an additional 4 pieces of wire to about 4.5" lengths.
Strip the end of each wire and tin it with a bit of solder.
Wire Flora to Color Sensor & NeoPixelUsing the wiring diagram to the left (click to enlarge), solder the connections between the Flora and Color Sensor.
Then do the same for connections to the NeoPixel.
Be sure to connect Flora D6 to NeoPixel's input pad which is labelled with an arrow pointing toward the NeoPixel LED.
Create the Codec-Perma-ProtoThe Perma-Proto board is designed to mirror the connections of a half-size breadboard. This means you can easily test your Codec board wiring temporarily on a breadboard before committing to a soldered Perma-Proto.
The Codec board comes with two strips of male header pins. Trim each of them to a length of 16 pins and place them in the Perma-Proto board as seen to the left.
Mount the Codec board on the header pins and solder them all in place. Then go ahead and solder the pins to the bottom side of the Perma-Proto.
Clip the excess pin lengths off the bottom side in order to avoid significant wrist discomfort later on!
Wire Codec board to Flora and audio jack
Solder the Codec board's included 3.5mm audio jack to the Perma-Proto in the remaining unused area.
While following along with the wiring diagram, use small pieces of solid core wire or breadboard jumpers to make on-board connections between the Codec board to the audio jack.
If you have a V2 version of the VS1053 breakout, connect the middle headphone jack pin to AGND instead of GBUF (all else is the same)
Solder connections between the Flora and Codec board using the shorter set of 4 wires you cut and tinned earlier.