---
title: "Build a Trello clone with Ruby on Rails, RankedModel and jQuery Sortable"
author: "Yaroslav Shmarov"
date: "2020-08-23"
canonical_url: "https://blog.superails.com/ruby-on-rails-sexy-basic-trello-clone"
markdown_url: "https://blog.superails.com/ruby-on-rails-sexy-basic-trello-clone.md"
description: "It takes half an hour and 9 commits to build a basic Trello clone with Ruby on Rails!"
tags: ["ruby-on-rails","jquery","ranked-model","drag-and-drop","sortable"]
license: "GNU AGPL v3. Credit Yaroslav Shmarov and link the canonical URL."
---

# Build a Trello clone with Ruby on Rails, RankedModel and jQuery Sortable

It takes half an hour and 9 commits to build a basic Trello clone with Ruby on Rails!

Result:

![micro-trello-demo](https://blog.superails.com/assets/2020-08-23-ruby-on-rails-sexy-basic-trello-clone/micro-trello-demo.gif)

[Source code](https://github.com/yshmarov/micro-trello){:target="blank"}

Tools:

* Rails 6
* [gem ranked-model](https://github.com/mixonic/ranked-model){:target="blank"}
* [jquery-ui-sortable](https://jqueryui.com/sortable/){:target="blank"}

Features: 
* create Lists
* create Tasks
* sort Lists 
* sort Tasks
* move Tasks between Lists
* persist changes in the database