This website uses cookies to better the user experience of its visitors. Where applicable, this website uses a cookie control system, allowing users to allow or disallow the use of cookies on their computer/device on their first visit to the website. This complies with recent legislative requirements for websites to obtain explicit consent from users before leaving behind or reading files such as cookies on a user’s computer/device. To learn more click Cookie Policy.

Privacy preference center

Cookies are small files saved to a user’s computer/device hard drive that track, save, and store information about the user’s interactions and website use. They allow a website, through its server, to provide users with a tailored experience within the site. Users are advised to take necessary steps within their web browser security settings to block all cookies from this website and its external serving vendors if they wish to deny the use and saving of cookies from this website to their computer’s/device’s hard drive. To learn more click Cookie Policy.

Manage consent preferences

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
Cookies list
Name _rg_session
Provider rubygarage.org
Retention period 2 days
Type First party
Category Necessary
Description The website session cookie is set by the server to maintain the user's session state across different pages of the website. This cookie is essential for functionalities such as login persistence, ensuring a seamless and consistent user experience. The session cookie does not store personal data and is typically deleted when the browser is closed, enhancing privacy and security.
Name m
Provider m.stripe.com
Retention period 1 year 1 month
Type Third party
Category Necessary
Description The m cookie is set by Stripe and is used to help assess the risk associated with attempted transactions on the website. This cookie plays a critical role in fraud detection by identifying and analyzing patterns of behavior to distinguish between legitimate users and potentially fraudulent activity. It enhances the security of online transactions, ensuring that only authorized payments are processed while minimizing the risk of fraud.
Name __cf_bm
Provider .pipedrive.com
Retention period 1 hour
Type Third party
Category Necessary
Description The __cf_bm cookie is set by Cloudflare to support Cloudflare Bot Management. This cookie helps to identify and filter requests from bots, enhancing the security and performance of the website. By distinguishing between legitimate users and automated traffic, it ensures that the site remains protected from malicious bots and potential attacks. This functionality is crucial for maintaining the integrity and reliability of the site's operations.
Name _GRECAPTCHA
Provider .recaptcha.net
Retention period 6 months
Type Third party
Category Necessary
Description The _GRECAPTCHA cookie is set by Google reCAPTCHA to ensure that interactions with the website are from legitimate human users and not automated bots. This cookie helps protect forms, login pages, and other interactive elements from spam and abuse by analyzing user behavior. It is essential for the proper functioning of reCAPTCHA, providing a critical layer of security to maintain the integrity and reliability of the site's interactive features.
Name __cf_bm
Provider .calendly.com
Retention period 30 minutes
Type Third party
Category Necessary
Description The __cf_bm cookie is set by Cloudflare to distinguish between humans and bots. This cookie is beneficial for the website as it helps in making valid reports on the use of the website. By identifying and managing automated traffic, it ensures that analytics and performance metrics accurately reflect human user interactions, thereby enhancing site security and performance.
Name __cfruid
Provider .calendly.com
Retention period During session
Type Third party
Category Necessary
Description The __cfruid cookie is associated with websites using Cloudflare services. This cookie is used to identify trusted web traffic and enhance security. It helps Cloudflare manage and filter legitimate traffic from potentially harmful requests, thereby protecting the website from malicious activities such as DDoS attacks and ensuring reliable performance for genuine users.
Name OptanonConsent
Provider .calendly.com
Retention period 1 year
Type Third party
Category Necessary
Description The OptanonConsent cookie determines whether the visitor has accepted the cookie consent box, ensuring that the consent box will not be presented again upon re-entry to the site. This cookie helps maintain the user's consent preferences and compliance with privacy regulations by storing information about the categories of cookies the user has consented to and preventing unnecessary repetition of consent requests.
Name OptanonAlertBoxClosed
Provider .calendly.com
Retention period 1 year
Type Third party
Category Necessary
Description The OptanonAlertBoxClosed cookie is set after visitors have seen a cookie information notice and, in some cases, only when they actively close the notice. It ensures that the cookie consent message is not shown again to the user, enhancing the user experience by preventing repetitive notifications. This cookie helps manage user preferences and ensures compliance with privacy regulations by recording when the notice has been acknowledged.
Name referrer_user_id
Provider .calendly.com
Retention period 14 days
Type Third party
Category Necessary
Description The referrer_user_id cookie is set by Calendly to support the booking functionality on the website. This cookie helps track the source of referrals to the booking page, enabling Calendly to attribute bookings accurately and enhance the user experience by streamlining the scheduling process. It assists in managing user sessions and preferences during the booking workflow, ensuring efficient and reliable operation.
Name _calendly_session
Provider .calendly.com
Retention period 21 days
Type Third party
Category Necessary
Description The _calendly_session cookie is set by Calendly, a meeting scheduling tool, to enable the meeting scheduler to function within the website. This cookie facilitates the scheduling process by maintaining session information, allowing visitors to book meetings and add events to their calendars seamlessly. It ensures that the scheduling workflow operates smoothly, providing a consistent and reliable user experience.
Name _gat_UA-*
Provider rubygarage.org
Retention period 1 minute
Type First party
Category Analytics
Description The _gat_UA-* cookie is a pattern type cookie set by Google Analytics, where the pattern element in the name contains the unique identity number of the Google Analytics account or website it relates to. This cookie is a variation of the _gat cookie and is used to throttle the request rate, limiting the amount of data collected by Google Analytics on high traffic websites. It helps manage the volume of data recorded, ensuring efficient performance and accurate analytics reporting.
Name _ga
Provider rubygarage.org
Retention period 1 year 1 month 4 days
Type First party
Category Analytics
Description The _ga cookie is set by Google Analytics to calculate visitor, session, and campaign data for the site's analytics reports. It helps track how users interact with the website, providing insights into site usage and performance.
Name _ga_*
Provider rubygarage.org
Retention period 1 year 1 month 4 days
Type First party
Category Analytics
Description The _ga_* cookie is set by Google Analytics to store and count page views on the website. This cookie helps track the number of visits and interactions with the website, providing valuable data for performance and user behavior analysis. It belongs to the analytics category and plays a crucial role in generating detailed usage reports for site optimization.
Name _gid
Provider rubygarage.org
Retention period 1 day
Type First party
Category Analytics
Description The _gid cookie is set by Google Analytics to store information about how visitors use a website and to create an analytics report on the website's performance. This cookie collects data on visitor behavior, including pages visited, duration of the visit, and interactions with the website, helping site owners understand and improve user experience. It is part of the analytics category and typically expires after 24 hours.
Name _dc_gtm_UA-*
Provider rubygarage.org
Retention period 1 minute
Type First party
Category Analytics
Description The _dc_gtm_UA-* cookie is set by Google Analytics to help load the Google Analytics script tag via Google Tag Manager. This cookie facilitates the efficient loading of analytics tools, ensuring that data on user behavior and website performance is accurately collected and reported. It is categorized under analytics and assists in the seamless integration and functioning of Google Analytics on the website.

How much does it cost to build a web app like Trello?

  • 27485 views
  • 12 min
  • Jan 11, 2017
Viktoria K.

Viktoria K.

Copywriter

Vlad V.

Vlad V.

Chief Executive Officer

Tags:

Share

Trello is a well-known (and adorable) task management tool. Starting from the established concept of a digital whiteboard plastered with note cards, this app allows teams to track projects, communicate progress, and share data.

Each year, companies all around the globe go looking for new project management software. Among them, there are always a number who consider developing a Trello-like application. Over the past few days especially this topic has been on people’s minds due to the news about Trello being bought by Australian company Atlassian. Atlassian is already incredibly popular for its own products Jira and HipChat – and that popularity will doubtless only increase now that they’ve bought Trello.

If you’re one of the people who have considered developing a clone of this popular app for your own company, you’re probably wondering how to create a web app similar to Trello as well as how much it might cost. Read on for answers to both of your questions. But first, let’s define what type (and size) of businesses an app like Trello is intended for.

Who is Trello for?

As a web-based visual collaboration tool for planning tasks and projects, Trello suits the needs of individuals and small to medium-sized businesses – in some cases, even large enterprises. It has already been adopted by a large number of users in a variety of business spheres: software development, marketing and advertising, consumer goods, and higher education. Among the most notable Trello customers are The New York Times, Anytime Fitness, Chartbeat, Tumblr, Adobe, TripAdvisor, and Scout books.

To give you ideas about how you can effectively use this tool, Trello shows off dozens of example use cases. Vacation planning, healthy meal planning, conference planning, organizing blog post ideas, development boards... the list goes on. For inspiration about how Trello can be beneficial for you and your company, check out boards from the Trello user community.

Statistics of Trello users
[Source: GetApp]

Here are some statistics (via GetApp) showing the percentage of Trello users by industry, company size, and country. All these numbers are based on responses of real users who are members of the GetApp community.

Trello offers a version with basic functionality for individual users, but since it’s used by companies of various sizes, it also offers three paid tiers: Trello Gold, Trello Business Class, and Trello Enterprise. The functionality of each of these Trello versions is more or less the same, but each version offers some benefits that can be essential for particular types of businesses.

Before we compare the additional benefits of each paid version, let’s look at the basic features of Trello and determine approximately how long it would take to develop each module of Trello’s basic functionality. We’ll then suggest a technology stack to accomplish this.

What are the main features of Trello?

The main thing most people love about Trello is its design. It’s designed to do one important thing competently. This ‘thing’ is to facilitate a Kanban-style workflow. With this in mind, we will now break down the most interesting and important features that Trello offers into conceptual categories.

Boards

A Trello board is a list of lists filled with cards. Each board usually represents one project or product that is under development. It can also represent anything that needs to be planned. Each Trello board is associated with specific members who have access to it: who can see it, control the creation and flow of the cards between board lists, and invite other members to the board. There’s no limit to the number of team members that can be invited to a given board. You can also make boards public or private. All the settings and controls for boards are located in the sidebar, as well as in the members panel and board activity feed.

trello-sidebar

In the settings you can remove members from a board, turn the board background on and off, allow or forbid comments, add and delete extensions, and add other members to the board. For easier search you can filter all your cards by member name, due date, date of creation, keywords, and labels. You can also use quick search, which now searches all card content and is presented in a simple interface with a brand new set of operators to help you narrow your searches. Some of these operators are @name, due:day, created:day, and board:id. These operators also work in the “Archive” search bar. You can also change the background of your board to any color you like and manage all the labels specific to a board.

To develop the UI and UX for Trello Boards we would need between 80-96 hours. To implement the actual functionality, which would involve HTML/CSS coding and frontend and backend development, we would need between 320-342 hours.

Lists

Since Trello provides a Kanban-style workflow, inside the boards you can create lists. Lists are a simple way to divide a board into categories. Usually each list (category) represents a certain stage of a process (e.g. to do, in progress, done). As writers, we have our own flow in Trello for articles, which includes such lists (stages) as ‘Plan is ready,’ ‘In progress,’ ‘Ready for review,’ ‘Ready for copyediting’, and ‘Done.’

trello-lists

Creating UI and UX design for Trello Lists would take us about 40-48 hours, and the actual web development (HTML/CSS coding, frontend and backend programming) would take about 96-104 hours.

Cards

As we already mentioned, Trello boards have lists, and these lists can be filled with an unlimited number of cards. You can create a card that represents some work to be done. For us writers, this will be a new article. When we create a card, first we give it a title. Let’s assume this is the card for the article you’re reading now: our title will be “How much does it cost to build an app like Trello?” Next we write a detailed description of the task and attach files (if needed) to the card. These files might be reference articles, tutorials, etc.

Then we add several labels to the card to help us categorize and prioritize by type, which is represented by the color. If our task contains several steps (subtasks), we can create a checklist for each one. Our articles usually go through four checklist steps: ‘Plan is ready,’ Draft 1,’ ‘Draft 2,’ and ‘Done.’ To specify timelines and make sure our tasks are completed on time, our team lead adds a due date, though it can always be changed if needed. As soon as we’ve completely filled out the card, we delegate this task to the writer who will be responsible for writing the article.

On the card for the article, all board members can leave comments (including with emoticons) as well as tag people with the common @name syntax. All members can see a card’s activity – the full history of actions made to a card, as well as people who made them and the time when these actions were made. Here we also want to mention the notifications system. As Trello is designed for real-time collaboration, you immediately get on-site and email notifications about all actions made to a card. If somebody moves a card, add something to it, or make any other changes from any device, all board members are notified of these changes. And since all actions instantaneously appear on the screen, so you can keep you tab open all day and never refresh it. Notifications are represented on the Trello site by a bell-shaped button in the top right corner, and when you have new notifications this button turns red.

From time to time we need to delete cards. Sometimes, we even delete them accidentally. Thankfully, Trello archive cards first, before finally deleting them. So whether or not you intended to delete a card, you can always get your information back.

trello-card

Developing this module of functionality is the most time-consuming. UI/UX design would require about 80-96 hours, and web development (HTML/CSS coding, frontend and backend programming) would take about 400-440 hours.

Teams

If you have a large number of boards and members in Trello, you can create business teams to keep everyone connected. For example, we have our company team named RubyGarage and inside this team have a list of different boards including Content, Development, CEO, Marketing, PM, etc. As a member of a team you can see all of your team’s boards, create new ones, and manage team members. You can also change settings for your team visibility from private to public, connect your Trello team to a Slack team, and move your team to higher level of using with Trello Business Class. Here’s how our RubyGarage Content team looks.

ruby-garage-content-team

Implementing this module would take about 40-48 hours for UI/UX design, and around 96-104 hours for web development (HTML/CSS coding, frontend and backend programming).

Now that we’ve reviewed the functionality of each of the core Trello modules and estimated the approximate number of hours needed for their implementation, we should decide on a technology stack that would be a good choice for both the MVP and for the fully developed product:

  • Programming languages – Ruby, JavaScript, HTML5, CSS3
  • Application Framework – Ruby on Rails
  • JavaScript Framework – React.js
  • Automation Frameworks – RSpec, Capybara, PhantomJS
  • SQL data storage – PostgreSQL
  • Key value storage – Redis
  • Web server – Nginx
  • Web application server – Puma
  • Hosting – Amazon Web Services (AWS)

Web apps built with Ruby on Rails and its satellite tools will never fail you, as this framework is scalable, well performing, and secure. When such services as Airbnb, Salesforce, and GitHub increased in popularity and reached a critical mass of daily/monthly users, they swapped out a lot of tools for more extensive ones, but maintained the Ruby on Rails framework at their core.

Now that we’ve overviewed the main features that Trello offers to its users for free, calculated the approximate number of hours needed to implement each module of this functionality, and defined a possible technology stack, we should discuss a very interesting question: how does Trello make money?

What is Trello’s business model?

Trello uses a freemium business model – a combination of “free” and “premium.” According to this model, Trello offers its product with core functionality for free to a large number of users and sells its premium products to a smaller audience. Trello offers three paid options: Trello Gold, Trello Business Class, and Trello Enterprise. While each of these are more or less are similar to basic Trello, they offer a bit of additional functionality.

Trello Gold

Trello Gold includes the same features as basic Trello but plus some others that are just for fun and some others that are designed to improve productivity.

Among the fun add-ons, you can find over 800 standard emoji and dozens of stickers and backgrounds. If you want something a little more custom, you can even upload your own backgrounds and sticker packs.

With regard to productivity boosters, Trello Gold brings three power-ups (integrations with external apps) per board, 250MB attachment limits, and saved searches. For all these add-ons, Trello charges $5 per user per month or $45 per user per year. But you can also get Trello Gold for free by referring your friends.

Trello Business Class

Trello Business Class is intended for multi-user teams (up to 100 people). This option focuses on collaboration, communication, and sharing information more securely. To these ends, you get admin control over both private and public boards within your team, as well as the opportunity to manage who can create new boards. You can also restrict invitations from people outside the team and create outside observers who aren’t allowed to edit boards but can see them.

Trello Business Class also offers priority email support (within one business day), unlimited power-ups for all boards, and the ability to gather boards into groups (Board Collections), add members to Trello via Google accounts, deactivate members without losing data, and export data in JSON or CSV format with a single click.

Business teams can get all of these features for just $12.50 per team member per month, or $119.99 per team member per year. With this plan, however, the entire team has to be upgraded – it’s not possible to have part of your team on Business Class and the rest on some other tier.

Trello Enterprise

Trello Enterprise fully copies the features of Trello Business Class while adding additional security features that are essential for enterprise teams. Trello Enterprise offers advanced security with Two Factor Authentication (2FA) when team members sign in via new devices, and supports SAML 2.0 SSO to provide an additional layer of security for the whole team.

In addition to the above, Trello Enterprise offers priority phone support during business hours, a dedicated account manager to help with billing issues, and a single unified bill for all of a company’s Business Class teams. To find out how much it will cost to use Trello Enterprise, you must request a quota.

If you want to successfully compete with Trello, you need to develop features that Trello’s offerings currently lack. As such, we’ve prepared an estimate for implementing just the basic Trello functionality. This estimate is represented by an infographic that, in addition to the time estimates already states, contains such information as total number of hours, team roster, technology stack, and total price range for developing a basic Trello app.

ifographic-how-much-does-it-cost-to-build-an-app-like-trello

If you have any great ideas about how to build a web app similar to Trello but better and want to know how much it would cost for us to develop it here at RubyGarage, just send us an email. We would be happy to provide you with an estimate!

CONTENTS

Tags:

Authors:

Viktoria K.

Viktoria K.

Copywriter

Vlad V.

Vlad V.

Chief Executive Officer

Rate this article!

Nay
So-so
Not bad
Good
Wow
4 rating, average 4 out of 5

Share article with

Comments (0)

There are no comments yet

Leave a comment

Subscribe via email and know it all first!