Build a Jira clone
16h 26m 4s
English
Paid
Released
Added to CourseFlix
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
- Language
- English
- Released
- October 2024
- Added to CourseFlix
- October 2024
- 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 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?
0:00
/ #1: Intro
All Course Lessons (41)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 |
Watch the other 40 lessons
One payment unlocks this course and every other premium course. No auto-renew.
See plansRecommended next
What courses are similar to Build a Jira clone?
Updated 3y agoReact Query - Essentials (v2)
By: Tanner LinsleyIn this course, you will learn how to wield React Query as your go-to weapon of choice for defeating and overcoming the challenges and hurdles of server state.2h 54m5/5
ClassicThe Joy of React
By: Josh ComeauThe all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.25h 35m5/5
Updated 1mo agoClassic React
By: Build UIA 54-lesson React course from Build UI moving from core concepts like state and props through to building complete applications.4h 10m5/5
Updated 1mo agoNode with React: Fullstack Web Development
By: Udemy, Stephen GriderCombine React, Redux, Express, and MongoDB into one fullstack app with Google OAuth, Stripe payments, and automated email handling.25h 36m
Updated 2y agoReact Simplified - Advanced
By: Web Dev Simplified (Kyle Cook)Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d11h 34m5/5
Updated 8mo agoBuild 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
Updated 1mo agoReact Testing Library and Jest: The Complete Guide
By: Udemy, Stephen GriderLearn to test React apps properly with React Testing Library and Jest, covering auth, data fetching, mocking, and real-world testing patterns.7h 40m
Updated 2y agoServer Side Rendering with React and Redux
By: Udemy, Stephen GriderGo beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to bu8h 14m
More courses by Antonio Erdeljac (Code With Antonio)
FreeUpdated 1mo agoNext Auth V5 - Advanced Guide
Free 8-hour course: build a complete Next Auth v5 (Auth.js) toolkit with 2FA, password recovery, email verification, and Google/GitHub OAuth.8h 1m
FreeUpdated 2y agoBuild 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
Updated 2y agoDuolingo 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 language11h 12m
Updated 2y agoCode 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
Updated 1mo agoBuild A Finance Platform
Build a full SaaS finance platform over 11 hours: import transactions via CSV, connect a bank with Plaid, and monetize with Lemon Squeezy.13h 43m5/5
ClassicBuild 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.