Crunchytest

A simple technical challenge to test my skills. This application is client/server CRUD application written in Typescript, React, RxJS, MobX and Nestj, for a possibility to embark on a journey with Crunchyroll.

Prerequisites

Make sure you have the following:

• nvm
• pnpm

Getting up & running

Bare metal (Linux / Windows (WSL) / MacOS)

Align Nodejs version

Make sure the runtime version is identical (to avoid unexpected shenenigans)

nvm use

Install dependencies

From the root of the workspace.

pnpm i

Initialize DB

Initialize & seed the database

Go to services\media-service-api\.env and set the SEED_COUNT to your desired value.

Default: 1000

pnpm db:init

Run 🤘

Runs both the client & the api.

pnpm dev

URLs

Component	URL
App	http://localhost:3000
Storybook (WIP)	http://localhost:6006
API	http://localhost:4200
API Docs	http://localhost:4200/docs

With Docker / Podman

TBD

Architecture

A brief, simplified overview of the architecture.

Application / Services

The client and media-service-api are encapsulated in this tiny monorepo with pnpm

Communication

Extra scripts

Lint

Lints all the projects in the workspace.

pnpm lint

Format

Formats all the projects in the workspace.

pnpm format

Reset the DB

Lints all the projects in the workspace where the db:reset alias is present.

pnpm db:reset

Launch Storybook (WIP)

 pnpm --filter=@crunchytest/client storybook