Skip to content

MaybeMonad/JavaScript-Hub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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