freeCodeCamp

Web Development Self Study Projects

I wanted to sharpen my coding skills so I revisited my old freeCodeCamp account and started from the beginning where I went through lessons on HTML, CSS, and JavaScript while learning different concepts related to responsive web design. Then I learned some front end libraries such as React and Bootstrap. Then I used D3.js to create some data visualizations, and learned how to use backend technologies like Node.js. All of these small projects were made in Codepen.

A link to my freeCodeCamp profile!

All of my Codepens

I created all my small projects in Codepen, an interactive website where you can code small projects. These projects were part of the curriculum as well. The objective of these projects were to simply practice using the technologies that I learned in the freeCodeCamp tutorials. Different projects had varying levels of difficulty, below is my favorite one I’ve done!

See the Pen 5/22/20 D3.js Heat map FCC by Willard (@Willard_Peralta) on CodePen.

Responsive Web Design Projects

Tribute Page
Survey Form
Product Landing Page
Technical Documentation Page
Portfolio Page

Front End Library Projects (React)

Random Quote Machine
Markdown Previewer
Drum Machine
Javascript Calculator
React Pomodoro Clock

Data Visualization Projects (D3.js)

Bar Chart of U.S. GDP Data 1945-2015
35 Fastest Professional Biking Times on a certain race track and corresponding dope usage
A Heatmap of global land surface temperature from 1753 - 2015