DEV Community: Mathew Haynes

Drum Machine

Mathew Haynes — Sat, 20 Jun 2020 04:49:51 +0000

This project was bootstrapped with Create React App.

Drum Machine App

Built as a solution to a FreeCodeCamp challange, the Build a Drum Machine challenge. Best viewed with a webkit browser (Sorry old edge users!). Sound doesn't work right in anything besides webkit, definitely a fail.

Not entirely sure that I have followed best practice for the structure of the react components (state from children to parents and vice-versa).

What do you guys think? Check the code out on Github

Markdown Previewer - FreeCodeCamp Solution

Mathew Haynes — Fri, 19 Jun 2020 04:24:56 +0000

This is a basic markdown previewer running the JS library marked on top of ReactJS. This page also uses the almost ubiquitous Bootstrap for layout and basic styling.

This webapp was built as a reply to the 'Build a Markdown Previewer' challenge on FreeCodeCamp

I didn't bother with optimizing the site for mobile as personally I couldn't see myself using such an app on such a small screen. If you think differently, let me know.

Please check it out and offer critique! I'm always looking for feedback and to improve on my style, approach and skills!

FCC - Random Quote Machine

Mathew Haynes — Sun, 14 Jun 2020 05:23:11 +0000

React based webpage using bootstrap CSS that generates a random quote pulled from Free Code Camp. This was a project solution to one of FreeCodeCamps challenges. About halfway through this design, I realised that react may have been a poor choice compared to jQuery for such a simple web page. So I finished it anyway and learned quite a bit. I might give this another go in jQuery instead later. For now, this will do.