CodeCoupler

If I have seen further it is by standing on the shoulders of giants.

— Isaac Newton following Bernard of Chartres

CodeCoupler is the idea to collect libraries and tools that implements a specific functionality preferably and make them work together. This is the best approach in my view and this is the attempt bundling all these specialists out there under one roof.

CodeCoupler is not a framework in the true sense. It is more of a subjective idea of how web applications should be written.

Environment

CodeCoupler Webpack Configuration Factory

CodeCoupler Webpack Configuration Factory generates ready-to-use Webpack configurations instantly. It bundles fine-tuned Webpack libraries so you can build applications in JavaScript, TypeScript, Vue, and CSS — with linting, compiling, and transpiling handled for you.

Introduction

CodeCoupler Externals Webpack Plugin

The CodeCoupler Externals Webpack Plugin simplifies Webpack configuration by automatically handling the setup, copying, and injection of external JavaScript/CSS libraries (e.g., jQuery, Bootstrap) that should load separately rather than be bundled.

Introduction

CodeCoupler Boilerplates

CodeCoupler Init Boilerplates provide a selection of pre-built templates that have been carefully configured with linters, formatters, and bundlers. Additional configurations standardize the contribution and deployment of code.

Introduction

Environment Walkthrough

Start with the walkthrough to learn everything about the basic features of the development environment.

Walkthrough

Frontend

CodeCoupler UI

The CodeCoupler UI framework is a concept that basically helps you to divide your project into logical blocks of code. CodeCoupler UI is the predecessor to the CodeCoupler Costa framework.

Version 2

Version 3 (Prerelease)

CodeCoupler Application Basics

The “CodeCoupler Application Basics” collection is a compilation of libraries that provide core functionality for an application, and in particular for a PWA.

Introduction

CodeCoupler DOM Basics

The “CodeCoupler DOM Basics” collection is a set of libraries that create and manipulate DOM elements in a declarative manner. The goal is to represent HTML elements as accurately as possible in JavaScript.

Introduction

CodeCoupler Costa: Components and Stages

The CodeCoupler Costa framework is a concept that basically helps you to divide your project into logical blocks of code.

Package Description and Reference Currently being revised

Frontend Walkthrough

Start with the walkthrough to learn everything about the basic structure of a user interface project.

Based on cc-ui Version 2

Based on cc-ui Version 3 Prerelease

Backend

CodeCoupler API Auth

CodeCoupler API Auth is as authentication and authorization component for Loopback.

Introduction

CodeCoupler API Boilerplate

The CodeCoupler API is a modified Loopback boilerplate with integrated packages like cc-api-auth or dot-env for quick starting a backend.

Introduction

Deployment

CodeCoupler Setup

CodeCoupler Setup is a full stack setup to deploy CodeCoupler API and UI on a Linux Server.

Introduction