CodeCoupler

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

— Isaac Newton following Bernard of Chartres

CodeCoupler started out as a library designed to integrate UI libraries and tools, ensuring they work together seamlessly. This has evolved into a comprehensive plan that reflects a vision of how web applications should be developed.

This project is almost complete, but, as always, the final stage is the most challenging. Therefore, it is not yet fully finished.

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 library is a concept that basically helps you to divide your project into logical blocks of code.

The concept aims to combine UI libraries and tools that implement a specific functionality optimally, ensuring they work together.

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