LifeRaft Coding Challenge

This project is based off an official Docker starter Turborepo with methods for customer form submission. Tailwind CSS has been added to provide some styling.

What's inside?

This turborepo uses Yarn as a package manager. It includes the following packages/apps:

Apps and Packages

• web: a Next.js app
• api: an Express server
• ui: ui: a React component library
• eslint-config-custom: eslint configurations for client side applications (includes eslint-config-next and eslint-config-prettier)
• eslint-config-custom-server: eslint configurations for server side applications (includes eslint-config-next and eslint-config-prettier)
• scripts: Jest configurations
• logger: Isomorphic logger (a small wrapper around console.log)
• tsconfig: tsconfig.json;s used throughout the monorepo

Each package/app is 100% TypeScript.

Docker

This repo is configured to be built with Docker, and Docker compose. To build all apps in this repo:

# Create a network, which allows containers to communicate
# with each other, by using their container name as a hostname
docker network create app_network

# Build prod using new BuildKit engine
COMPOSE_DOCKER_CLI_BUILD=1 DOCKER_BUILDKIT=1 docker-compose -f docker-compose.yml build --parallel

# Start prod in detached mode
docker-compose -f docker-compose.yml up -d

Open http://localhost:3000.

To shutdown all running containers:

# Stop all running containers
docker kill $(docker ps -q) && docker rm $(docker ps -a -q)

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Jest test runner for all things JavaScript
• Prettier for code formatting