1. Documentation

Getting Started

Note: Under heavy active development, large changes will be mentioned here.

Repo Documentation Site: https://amk-tw.github.io/web-tech-showcase/

Easy way

This is using moonrepo all the way.

./trunk
curl -fsSL https://moonrepo.dev/install.sh | bash
moon setup

Slightly More Complex

If you have tooling that can interpret the .tool-versions file that will setup you up for success, else just install the versions of the tools listed in it.

Here’s how I have my computer configured Hermetic Tooling Setup

Using this Repo

Install the recommended plugins or just use the attached profile.

Using the Profile

Make sure to save your current Profile

  1. Select “Export Profile” from the “Profiles” menu option
  2. Choose either a Gist or local file
  1. Click the gear icon, usually in the lower left side
  2. Select “Profiles”
  3. Select “Import Profile”
  4. At the top of your screen it will ask for a URL or to “Select a local file”
  5. Select a Local file
  6. In the root of the repo the file is called web-tech-showcase.code-profile

Tech Showcase

The primary goal of this repo is to have an ongoing demo of multiple web technologies that enables:

  1. Quick exploring of new technologies with other frameworks and tools.
  2. Testing Techniques for various common problems
  3. Solutions for various problems with testing

Check out the Project and Issues as this repo is expanded upon

Testing Tools

UI Frameworks

Styled Component Syntax

Similar to Tailwind without the overhead

Tailwind

State Management

Website Builder

Colors

Icons

Headless UIs

State Machines