Technology Choices

Let's talk about the technology that makes LearnGit.io tick. At its core, LearnGit.io is a web application that delivers content in the form of video, text, interactive snippets, visualizations, etc. It's a search engine, video player, wiki, and courseware tool. To accomplish this, I reached for ReactJS — not only do I have professional experience with React, but as the web's dominant JavaScript framework, it also has more than enough power to accomplish the task.

I've enlisted Gatsby as a static-site generator to weave together the rich-text content and ReactJS components that form the core content offerings. Though not everything can be rendered statically, I'm a big believer in the speed and responsiveness of static sites. If you're thinking static means a boring, one-dimensional web application, you'll find that very far from the truth. I'm sure I'll speak more about this in future newsletters.

LearnGit.io will be hosted using AWS Amplify. For the components that require dynamic data, I'll be using a standalone API Gateway routing request through to Lambdas.

Lastly, LearnGit.io will be a paid service. I'm still weighing options for payments and authorization, but the shortlist includes: a DIY approach with Paddle, or an off-the-shelf solution like MemberStack. I'll keep you posted in future newsletters.

​

Feature Preview: Dark Mode

Though there are many features in development, I'll give you a sneak peek of one of my favorites: dark mode. From the beginning, I knew dark mode was a non-negotiable, but building it has turned out to be tricky. I was faced with creating an entirely new palette and precariously organizing colors via CSS variables — and a tricky case known as "dark mode flash" required some complex finagling. I want to mention that Josh Comeau's articles have been a huge help in this area, and it's partially thanks to him that you'll be able to enjoy LearnGit.io without searing your retinas.