CF

Build a Jira clone

16h 26m 4s
English
Paid

Build a Jira clone is a 41-lesson 16 hours 26 minutes self-paced course by Antonio Erdeljac (Code With Antonio). In this 16-hour course, consisting of two parts (by the way, this is my longest course!

Course facts

Lessons
41
Duration
16 hours 26 minutes
Level
All levels
Language
English
Updated
Instructor
Antonio Erdeljac (Code With Antonio)
Price
Premium
In this 16-hour course, consisting of two parts (by the way, this is my longest course!), you will learn how to create a fully functional Jira clone using a full tech stack. We will implement key features such as workspaces, projects/epics, tasks, Kanban boards, calendars, task editing and deletion, an invitation system, role-based access management, image uploading, analytics, authentication, and much more! This course is perfect for those who want to master building complex web applications from scratch.

Who teaches Build a Jira clone? Antonio Erdeljac (Code With Antonio)

Antonio Erdeljac (Code With Antonio) thumbnail

Antonio Erdeljac is a Croatian developer behind the Code With Antonio YouTube channel — one of the more active independent full-stack JavaScript channels online, with a focus on long-form, project-based clones of well-known applications (Netflix clone, Spotify clone, Notion clone, Discord clone, Trello clone). The channel's distinctive contribution is the depth of those clone tutorials — each typically runs 8-15 hours and covers the full back-end-to-front-end implementation of a working app.

The course catalog covers the modern Next.js / React stack: App Router patterns, server components, server actions, Prisma + PostgreSQL, NextAuth / Clerk authentication, Stripe billing, file uploads, real-time features with Pusher, and the deployment workflow with Vercel. Material is paid extended versions of the YouTube content with additional features and context.

The CourseFlix listing under this source carries over 15 Code With Antonio courses spanning that range. Material is aimed at intermediate-and-up React developers building real full-stack applications.

What lessons are included in Build a Jira clone?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 41 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Intro
All Course Lessons (41)
#Lesson TitleDurationAccess
1
Intro Demo
03:06
2
Project setup
05:56
3
Adding a component library
12:17
4
Customizing components
12:21
5
Resolving lint errors
05:11
6
Creating auth screens
55:05
7
Setting up Hono API
13:55
8
Creating auth API
33:38
9
Setting up Appwrite & Database
29:22
10
Building a session middleware
21:48
11
Learning how to protect routes
32:31
12
Building a dashboard layout
21:34
13
Building a workspace form
30:34
14
Handling image upload
27:02
15
Creating a workspace switcher
18:00
16
Creating workspace members
16:09
17
Building a responsive modal
32:59
18
Building a standalone layout
11:08
19
Building workspace settings
39:48
20
Refactoring server queries
09:25
21
Adding a "delete" functionality
23:01
22
Adding a "reset invite" functionality
12:01
23
Building the invite system
23:02
24
Building the members list
39:20
25
Adding workspace projects
34:28
26
Building project settings
40:04
27
Building a tasks API
28:53
28
Building a task form
27:18
29
Building data filters
27:25
30
Building a data table
29:13
31
Adding task settings
24:53
32
Building a data kanban
15:40
33
Adding a kanban update API
43:15
34
Building a data calendar
31:23
35
Adding a task page
35:05
36
Refactoring server components
30:06
37
Building project analytics
28:35
38
Building workspace analytics
26:23
39
Resolving build errors
10:27
40
Implementing OAuth login
16:06
41
Deployment
07:37
Unlock unlimited learning

Get instant access to all 40 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Recommended next

What courses are similar to Build a Jira clone?

  • Build and Deploy an AI Automation SaaS thumbnailUpdated 7mo ago

    Build and Deploy an AI Automation SaaS

    By: Antonio Erdeljac (Code With Antonio)
    Master the creation of AI-SaaS: developing Nodebase, automating processes, AI integration, and implementing monetization. A practical guide from idea to launch.
    11h 59m5/5
  • Build a full stack Next.js app with Cursor thumbnailUpdated 1mo ago

    Build a full stack Next.js app with Cursor

    By: Gregory John
    Learn how to create applications with Next.js: UI design, authentication, databases, UX, payments via Stripe, and email automation. Suitable for beginners.
    8h
  • Next Level NextJS for Beginners thumbnailUpdated 4mo ago

    Next Level NextJS for Beginners

    By: Pedro Henrique Machado
    Master Next.js from scratch with examples and projects. Learn how to work with the App Router and API routes to create efficient applications.
    20h 13m5/5
  • MERN Stack From Scratch thumbnailClassic

    MERN Stack From Scratch

    By: Brad Traversy
    We spend 12 hours creating this project from scratch. It includes a multi-step checkout process with PayPal integration, product search, rating & review, user p
    13h 32m5/5
  • Next.js - The Full Course thumbnailFreeUpdated 3y ago

    Next.js - The Full Course

    By: Fireship
    Next.js - The Full Course provides a in-depth look into the Next.js App Router introduced in version 13.2. It puts React Server Components into practice by buil
    1h 14m5/5
  • Advanced Animating React with Framer Motion thumbnailUpdated 2y ago

    Advanced Animating React with Framer Motion

    By: Level Up Tutorials (Scott Tolinski)
    Welcome to Advanced Animating React with Framer Motion! In this series, we will dive into more advanced concepts as well as discuss what is new in Framer Motion
    2h 57m5/5
  • Build a Youtube Clone thumbnailUpdated 2y ago

    Build a Youtube Clone

    By: Antonio Erdeljac (Code With Antonio)
    In this course, you build a full YouTube‑style app from scratch. You use Next.js 15 , React 19 , and tRPC to create a clear and fast stack.
    23h 42m
  • Advanced Radix UI thumbnailUpdated 3y ago

    Advanced Radix UI

    By: Build UI
    Radix UI has become one of the most popular component libraries in the React ecosystem.
    2h 13m5/5

More courses by Antonio Erdeljac (Code With Antonio)

  • Next Auth V5 - Advanced Guide thumbnailFreeUpdated 2y ago

    Next Auth V5 - Advanced Guide

    In this 8-hour course, you will learn how to create your own authentication toolkit using the latest version of Next Auth v5 (Auth.js).
    8h 1m
  • Build A Slack Clone thumbnailFreeUpdated 2y ago

    Build A Slack Clone

    In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others.
    15h 13m
  • Duolingo Clone thumbnailUpdated 2y ago

    Duolingo Clone

    In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to choose language
    11h 12m
  • Code With Antonio Workshops thumbnailUpdated 2y ago

    Code With Antonio Workshops

    These workshops show you how to build real apps with modern tools. You follow clear steps in each task. You learn by doing and test ideas as you go.
    17h 3m
  • Build A Finance Platform thumbnailUpdated 2y ago

    Build A Finance Platform

    In this 11-hour course, you will learn how to create your own SaaS financial platform with the ability to track income and expenses, categorize transactions.
    13h 43m5/5
  • Build A Canva Clone thumbnailClassic

    Build A Canva Clone

    In this 18-hour course, we will create a graphic design platform with a variety of features.
    17h 48m5/5

Frequently asked questions

What prerequisites are needed before taking this course?
Before enrolling in this course, students should have a foundational understanding of web development, including HTML, CSS, and JavaScript. Familiarity with API development and knowledge of server-side frameworks would be beneficial, as the course involves setting up Hono API and Appwrite & Database. Experience with JavaScript libraries and tools will also help, since the course covers adding and customizing component libraries.
What will I be building in this course?
In this course, you will build a fully functional Jira clone. The project includes features such as workspaces, projects/epics, tasks, Kanban boards, calendars, task editing and deletion, an invitation system, role-based access management, and image uploading. You will also implement authentication, analytics, and deploy the final application, ensuring you gain experience in constructing complex web applications from scratch.
Who is the target audience for this course?
This course is ideal for web developers who are looking to enhance their skills in building complex web applications. It's suitable for those who want to learn about full-stack development using modern tools and frameworks. The course is also beneficial for developers interested in mastering the creation of applications with features similar to Jira, particularly focusing on project management and collaboration tools.
What specific tools and platforms are used in this course?
The course utilizes a range of tools and platforms including Hono API for server-side operations, Appwrite for database management, and OAuth for implementing authentication. Students will also work with component libraries to customize UI elements. The use of a session middleware for route protection and server-side refactoring techniques are also covered.
How does this course compare in depth and scope to other courses?
This course is extensive, spanning 16 hours and 41 lessons, offering a comprehensive exploration of building a complex web application from scratch. It covers both front-end and back-end development, including API creation, database setup, and user authentication. Compared to shorter courses, it provides deeper insights into building and managing features like a Kanban board, analytics, and role-based access, making it more suitable for those looking for an in-depth experience.
What is not covered in this course?
The course does not cover introductory web development concepts such as basic HTML, CSS, or JavaScript, as it assumes the learner already possesses these skills. Additionally, it doesn't delve into advanced database optimization techniques or performance tuning beyond what's necessary for the scope of the Jira clone application.
What is the expected time commitment for this course?
The course is designed to be completed in approximately 16 hours. This includes both instructional time and practical exercises where students implement features like workspaces, authentication, and analytics. Given the comprehensive nature of the course, students may need additional time for reviewing materials and practicing the concepts taught, depending on their prior experience.