Just so you know...

The portfolio section contains many demo programs that were written as part of the FreeCodeCamp certification process, with the exception of the first demo Oh SH!T! is my Vinmonopolet open. All of these items include a group of tests that must be satified to earn the certification. The tests sometimes affect the layout/structure/design/javascript functionality of the pages. These were all written towards passing their tests.

I included these tests to show the user stories that I was developing towards, and and to show that they are all passing. Just select the hamburger menu at the top left and select the proper test.

However, I found the presence of the test suite quite irritating, so at any time just press the Remove Test Suite button at the top right, and it will hide the test suite and return the page to it's original look and feel. (Refreshing the page will bring them back if needed).

Hi. I'm Thomas Godwin.

Accessibility Expert, Developer

#TLDR: Masters degree OlsoMet-Universal Design of IT (aka accessibility expert), (4year) Bachelors degree University Greensboro Information Systems/Operations Management. I am an aspiring Frontend Developer. I love overthinking user interactions, UX, and securing accessibility. I like writing code that I can understand later. Mobile First comes natural to me.

While working on a Universal Design of IT Masters Degree at what is now OlsoMet, I created a working prototype web application to test and support my research. I was instantly attracted to Frontend programming, because it is tightly coupled with accessibility/UX/user friendliness and other concepts of this focus.

I have been and am constantly building my skillset, and I am a perpetual learner. My goal is to produce high quality, maintainable code. I am also interested in testing and I am ISTQB certified at the foundation level. I always design "mobile-first". Checkout my code yourself, source code for this page and all of the demo pages can be found on this Github Link.

MY STUFF

Oh SH!T! is my vinmonopolet still open?!?

view of vinmopolet pageview of mobile vinmopolet page

#TLDR: vanilla JS, express, node, css, mobile first, cors headaches

This project was a self imposed vanilla js project. Theres a whole lot of rendering code here that could produced more efficiently in react. There are also features like dates and paginating that could have been done a lot faster with npm i whatever.

Note, this site is temporarily down due to migration from Heroku to Netlify. The express app has to be converted to lambda functions and serverless-http.

The code repository for the vinmonopolet project is on this Github Link.

Easy Cors Fix Documentation Page

view of easy cors fix documentation pageview of easy cors fix documentation mobile page

#TLDR: html, css, node, express, mobile first, cors headaches

I completed this project for a certification on FreeCodeCamp. It's not so complex in itself. However it does offer insight into how I explain and document technical processes. This is an actual solution for negating CORS if you want to work with an API than you do not control.

Link to the Easy Cors fix Docs

The code repository for the documentation project is on this Github Link.

Product Landing Page

view of easy cors fix documentation pageview of easy cors fix documentation mobile page

#TLDR: html, css, javascript, react, mobile first

This project was created for a certification on FreeCodeCamp. It is pretty straightforward product landing page. The company is fictional and doesn't really exist. Shows off a nice design and solid mobile first styling.

Link to Landing Page

The code repository for the product landing page project is on this Github Link.

Product Survey Page

view of survey pageview of survey mobile page

#TLDR: html, css, javascript, mobile first

This project was created for a certification on FreeCodeCamp. It is a survey page that complements the product landing page above. Note that there is no functionality. It is more of a visual implementation project. Note: ID selectors are used for components to satisfy the test requirements.

Link to Survey Page

The code repository for the product survey project is on this Github Link.

Pomodoro Timer

view of pomodoro pageview of pomodoro mobile page

#TLDR: html, css, javascript, mobile first, react, react hooks

This is yet another certification requirement for FreeCodeCamp. The tests involving timing were a little tricky to satisfy. Just note that some of the setinterval hook is not original code and comes from this example on the net where Dan Abramov explains how to implement it.

Link to Pomodoro Timer

The code repository for the pomodoro project is on this Github Link.

Quote Fetcher

view of quote pageview of quote mobile page

#TLDR: javascript, css, html, mobile first, react, react hooks

This is yet another certification requirement for FreeCodeCamp. Nothing too complex, just a fetch to an external Api that retrieves quotes.

Link to Quote Fetcher

The code repository for the quote maker project is on this Github Link.

Drum Machine

view of drum pageview of drum mobile page

#TLDR: javascript, css, html, mobile first, react, react hooks

This is FreeCodeCamp project was designed to be a bit of a headache to pass all of the user story tests. Take a look at them and you will see what I mean. You can click on a drum pad or use the corresponding letter on the keyboard to create the sound associated with it.

Link to Drum Machine

The code repository for the drum project is on this Github Link.

This Demo Page

The code repository for this page is found on Github Link.

My Toolkit

Html

CSS

Javascript

Web Accessibility

React

React Redux

React Router

WebPack

Node

Git

Terminal

Sass