loading...
Cover image for freeCodeCamp's Random Quote Machine project built in Elm

freeCodeCamp's Random Quote Machine project built in Elm

dwayne profile image Dwayne Crooks ・1 min read

freeCodeCamp has a nice collection of projects that they describe for you to build to improve your front-end development skills.

Since I want to get better at building web apps with Elm, I thought I'd tackle them one by one.

I recently completed the Random Quote Machine project which I thought I'd share with you all.

Here's my demo and you can find the code for it here.

If you read the code you will learn the following:

  • How to deal with randomness.
  • How to fetch JSON data and decode it.
  • How to build URLs.
  • How to use CSS transitions to enhance an Elm app.

Exposure to high quantity, high quality examples of expertise is one of the two main factors that dictate how quickly and effectively people learn new skills. (The other is deliberate practice.) ~ Kathy Sierra, Badass: Making Users Awesome

In the future I may write a step by step tutorial about it. Show some love if you'd like that. :)

Posted on Jun 22 '19 by:

dwayne profile

Dwayne Crooks

@dwayne

A full stack web developer who has an interest in programming language theory, interpreters, compilers and type theory. I enjoy programming with Elm and Haskell in my free time.

Discussion

markdown guide