Skip to content

MaybeMonad/JavaScript-Hub

Folders and files

NameName
Last commit message
Last commit date
Jul 9, 2019
Sep 19, 2019
Jul 18, 2019
Jul 9, 2019
Sep 16, 2019
Jul 9, 2019
Jul 9, 2019
Sep 16, 2019
Jul 9, 2019
Mar 17, 2020

Repository files navigation

JavaScript Hub

As a self-taught web developer, I can always deliver coding stuff, even if I don't know the essence. Yes, Google it or StackOverflow it when I'm trapped. However, I could have made better stuff if I mastered more coding skills. So I've tried to dive deep into the JavaScript through courses and still in progress. I build JavaScript Hub to not only help JS newbies but also try to build a mind map for myself.

Live site: JavaScript Hub

Design

A picture is worth a thousand words.

JavaScript Hub Main Page Preview

Coding

JavaScript Hub is built upon a small framework called Sapper, which is based on Svelte. If you haven't heard of Svelte, I recommend you to have a glance at Rich Harris - Rethinking reactivity.

The main idea is to establish a true-or-false selection panel with statistics, explanation and header. For the codes, you can find the whole project on GitHub. Here is a list of prerequisites to get you started.

  • HTML, CSS and JS, as always.
  • Svelte for the syntax.
  • Prism for syntax hignlight.

Features

  • Constantly updates.
  • Export current questions as a .json file.
  • Import your own JSON files.
  • Stats about your results.
  • Share to your friends.

Questions from ?

Links

  1. JavaScript Hub
  2. Prism
  3. Svelte