Fred Battle

Front-End Developer

FCC Projects

Free Code Camp (FCC) is a wonderful place to learn basic web technology at your own pace. The community is large and supportive.

The curriculum is broken into six sections, each one ending with a set of graded projects. When you finish all six sections, you earn a full stack certificate.

Front End Libraries Projects

These are my projects for the third section, Front End Libraries. They demonstrate my use of HTML, CSS, Javascript, and React. I update them at will, as it seems I can always improve them. The source code is available on my github account.

Random Quote Generator
Random Dune Quote Generator

Project Thoughts
-- Too simple for React, so not used here.
-- Good background really helps. Proof that good design sells.
-- Fun javascript for choosing the next quote.
-- Uses CSS flexbox.

Drum Machine
Drum Machine

Project Thoughts
-- Simple React app.
-- Good lesson and fun.
-- Uses CSS gridbox.

Calculator
Calculator

Project Thoughts
-- React app with some complicated application logic.
-- Could be better. Should show the entire calculation, as well as the current value.
-- Uses CSS gridbox.

Pomodoro Clock
Pomodoro Clock

Project Thoughts
-- A bit more complex React app. Makes me want to explore React design patterns.
-- Uses CSS gridbox and Bootstrap.

Contact List Picker
Contact List

Project Thoughts
-- Based on a recent interview, I decided to code a Contact Picker.
-- While ugly, the point is to show props data flow when selecting a contact.