CF

Build a Jira clone

16h 26m 4s
English
Paid
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.

About the Author: 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.

Watch Online 41 lessons

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

Related courses

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.