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 2y agoMERN 2024 Edition - MongoDB, Express, React and NodeJS
By: UdemyWelcome to the immersion in the MERN Stack! This course will help you master all aspects of building a fully functional "Jobify" application using MongoDB.19h 7m5/5
Updated 1mo agoCreate your Dream Apps with Cursor and Claude AI
By: DesignCode (Meng To)Build a complete web app with React, Firebase, and Stripe, using the Cursor editor, Claude AI, and other AI tools throughout.5h 46m5/5
Updated 2y agoReact Three Fiber: The Ultimate Guide to 3D Web Developmen
By: Wawa Sensei3D development is a vast field with many different techniques. This comprehensive guide will give you the necessary tools to get started and resources to.9h 18m5/5
Updated 1y agoMagic UI Pro
By: Dillion Verma (Magic UI)Discover Magic UI Pro, your go-to platform for creating modern landing pages. With 50+ animated sections, this tool uses React and Next.js for fast and visually
Updated 3y agoMERN Stack Web Development with Ultimate Authentication
By: UdemyLearn how to build a full MERN app with clear and safe auth. You work with JWT, roles, and deploy the project to a live server.9h 24m
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 agoThe Ultimate React Course 2024: React, Redux & More
By: UdemyA 496-lesson React course building 8+ real apps, covering Redux, React Query, Supabase, and how React actually works internally.83h 56m5/5
Updated 2y agoCrash Course: Build a Full-Stack Web App in a Weekend!
By: UdemyDo you want to learn the fundamentals of modern web development fast ? Do you want to find out if building websites and apps is the right career path for you?12h 13m
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.