Advanced projects step by step

Real world examples of full-stack web and mobile apps. Each course aims to showcase step by step how to use a set of libraries and technologies to implement a real-world use case.

Paddle Billing Payments Full Stack TypeScript App

4 modules19 lessons

Full stack TypeScript project template that implements Paddle Billing Payments. The project uses React Router v7 on the client and Effect with Node on the server.

Languages

typescript5.4.5

Libraries

effect3.10.4
tailwindcss4.0.0
react18.3.1
xstate5.18.2
react-router-logo7.0.0
nodejs22.7.4

Effect: Beginners Complete Getting Started

10 modules57 lessons

Build production and type-safe Typescript apps with Effect. In this course we go from no knowledge of effect to implementing an API request with Runtime, Layer, Config, and more.

Languages

typescript5.5.3

Libraries

effect3.10.0
nodejs20.14.10

Effect with React 19: Project Template

8 modules26 lessons

Learn how to use Effect with React 19 and TypeScript. This project template explains how to organize Effect services, layers, and runtime to execute both client and server code.

Languages

typescript5.6.2

Libraries

effect3.8.3
react19.0.0

XState: Complete Getting Started Guide

4 modules33 lessons

Learn how to leverage actors, state machines and state charts to manage the state of your app. Starting from the basics we explore all the features of XState through concrete examples of real UIs.

Languages

typescript5.5.4

Libraries

react18.3.1
xstate5.16.0