Embracing agentic coding

How AI and agentic coding helped me migrate this site from Next.js to Phoenix.

Building a simple Calendly clone with Phoenix LiveView (pt. 8)

Managing event types, part three.

Building a simple Calendly clone with Phoenix LiveView (pt. 7)

Managing event types, part two.

Building a simple Calendly clone with Phoenix LiveView (pt. 6)

Managing event types, part one.

Building a simple Calendly clone with Phoenix LiveView (pt. 5)

Booking time slots for an event type.

Building a simple Calendly clone with Phoenix LiveView (pt. 4)

Rendering the monthly calendar.

Building a simple Calendly clone with Phoenix LiveView (pt. 3)

The event type selection page.

Building a simple Calendly clone with Phoenix LiveView (pt. 2)

Generating the initial project and domain models.

Building a simple Calendly clone with Phoenix LiveView (pt. 1)

Introduction.

Three real-world examples of distributed Elixir (pt. 4)

The distributed application version monitor.

Three real-world examples of distributed Elixir (pt. 3)

The distributed download requester and progress tracker.

Three real-world examples of distributed Elixir (pt. 2)

The tale of the periodic singleton process and the three different global registries.

Three real-world examples of distributed Elixir (pt. 1)

A gentle introduction to distributed Elixir.

Headless CMS fun with Phoenix LiveView and Airtable (pt. 4)

Adding a cache to the repository and broadcasting changes to the views.

Headless CMS fun with Phoenix LiveView and Airtable (pt. 3)

Content rendering using Phoenix LiveView.

Headless CMS fun with Phoenix LiveView and Airtable (pt. 2)

The project set up and implementing the repository pattern.

Headless CMS fun with Phoenix LiveView and Airtable (pt. 1)

Introduction.

elmcsspatterns.io

Common CSS patterns done in elm and elm-css

Dynamic base path for an Elm SPA

Elm SPA navigation with a dynamic base path.

Concurrent ant farm with Elixir and Phoenix LiveView

Building a concurrent ant farm with Elixir and Phoenix LiveView.

Elm and Web Components

Removing Elm ports (to interact with external JS libraries) in favour of Web Components.

Elixir and Phoenix basic passwordless and databaseless authentication (pt. 3)

Setting up webpack as our asset bundler and the Elm single-page application.

Elixir and Phoenix basic passwordless and databaseless authentication (pt.2)

Sending authentication link emails and the user socket connection

Elixir and Phoenix basic passwordless and databaseless authentication (pt.1)

Project setup and the initial functionality for storing and verifying authentication tokens

Phoenix & Elm landing page (pt.3)

Adding Google reCAPTCHA support to avoid spambots

Phoenix & Elm landing page (pt.2)

Building the landing page UI and the basic Elm subscription form

Phoenix & Elm landing page (pt.1)

Bootstrapping the project and the basic API functionality to save our first leads

Migrating ActiveRecord STI to Ecto (pt. 1)

Taking advantage of Ecto's embedded schemas to simulate ActiveRecord's STI

Elm and the outer world

How to implement an Elm application that depends on external JavaScript code.

Phoenix and Elm, a real use case (pt. 6)

Phoenix and Elm communication through WebSockets

Phoenix and Elm, a real use case (pt. 5)

Implementing Elm routing

Phoenix and Elm, a real use case (pt. 4)

Better state with union types, search resetting and keyed nodes.

Phoenix and Elm, a real use case (pt. 3)

Adding full text search and pagination navigation to the contact list

Phoenix and Elm, a real use case (pt. 2)

Rendering the initial contact list

Phoenix and Elm, a real use case (pt. 1)

Introduction to creating a SPA with Phoenix and Elm.

Building Phoenix Battleship (pt. 5)

Let the battle begin!

Building Phoenix Battleship (pt. 4)

Placing ships on the board's grid

Building Phoenix Battleship (pt. 3)

Joining a game and creating player boards

Building Phoenix Battleship (pt. 2)

The lobby channel and game supervision

Building Phoenix Battleship (pt. 1)

Designing the game mechanics

Page specific JavaScript in Phoenix framework (pt.2)

Page specific JavaScript in Phoenix projects with webpack

Page specific JavaScript in Phoenix framework (pt.1)

Page specific JavaScript in Phoenix projects with Brunch

Supervising multiple GenServer processes

Small refactoring I did on the Trello clone project for keeping track of connected board members using multiple supervised processes.

Trello tribute with Phoenix and React (pt.12)

Deploying our new Phoenix application on Heroku

Trello tribute with Phoenix and React (pt.11)

Adding lists and cards and broadcasting them through the board channel

Trello tribute with Phoenix and React (pt.10)

Tracking connected board members with GenServer

Trello tribute with Phoenix and React (pt.9)

Adding new board members and broadcasting results through channels

Integration tests fun with Phoenix and React

Writing integration tests with Phoenix and React are easy and fun thanks to Hound, the browser automation and integration tests library for Elixir.

Trello tribute with Phoenix and React (pt.8)

Listing and creating new boards.

Trello tribute with Phoenix and React (pt.7)

Setting up sockets and channels for real-time features

Trello tribute with Phoenix and React (pt.6)

Handling user authentication from the front-end with React and Redux.

Trello tribute with Phoenix and React (pt.5)

Seeding the database and creating the sign in controller for the Phoenix Trello Clone.

Trello tribute with Phoenix and React (pt.4)

Adding the front-end for the sign up with React and Redux.

Trello tribute with Phoenix and React (pt.3)

Defining the User model and adding JWT authentication to our Phoenix Trello clone.

Trello tribute with Phoenix and React (pt.2)

Phoenix Framework project setup for creating a Trello clone.

Trello tribute with Phoenix and React (pt.1)

Step by step tutorial on how to create a Trello clone with Elixir, Phoenix Framework, React and Redux.

Looking forward to 2016

React state management fun with Redux

Rails and Flux with Marty.js IV: Implementing Flux

Rails and Flux with Marty.js III: The main application

Rails and Flux with Marty.js II: Initial setup

Rails and Flux with Marty.js

Rails STI with PostgreSQL hstore

Rails and React IV: Independent components communication

Rails and React III: Parent-child communication

Rails and React II: A real use case

Rails and React I: A happy medium

Rails and PostgreSQL hstore simple use case

Easy multi-table full-text search with Rails

Explicit vs. implicit conversion methods

Ruby and method arguments

Responsive web design with your favorite browsers

Introducing the MultInput jQuery plugin

Un primer vistazo a Rails 4.1

Desarrollo web moderno con Middleman, parte II

Desarrollo web moderno con Middleman, parte I

Desplegando Rails II: Heroku

Desplegando Rails I: Eligiendo hosting (PaaS vs IaaS)

Crea tu framework css con Bourbon y Neat

Migrando datos existentes a tu nueva aplicación Rails

Herramientas colaborativas para equipos remotos

Asignación masiva de parámetros en Rails 4

Peticiones HTTP de manera sencilla con Faraday

La Guía de Estilo de Ruby

Usando hojas de estilos en tus mailers

Limpiando y organizando tus vistas en Rails

Simulando enumeradores en nuestros modelos

Cuatro gemas de Ruby que te ayudarán con tus modelos y base de datos.

Automatiza tu manera de usar git con git-flow

Debugueando JavaScript desde tu Sublime Text

Creando un nuevo proyecto web con Yeoman

Desarrollo web moderno con Yeoman

Dos maneras de tener siempre a mano toda la información de tu aplicación mientras la desarrollas

Obteniendo más información de los errores que suceden en tu aplicación Rails

Probando tus emails desde tu entorno de desarrollo en Ruby on Rails

Desplegando tu blog Octopress en GitHub Pages

Cambiando de Wordpress a Octopress

Ahorra tiempo generando tus vistas con Haml

Mejor JavaScript con CoffeeScript

Mejores hojas de estilo con Sass

Rails Composer, el generador de Rails con esteroides

Aprendiendo Ruby on Rails

Aloha mundo