Build a Jira clone
16h 26m 4s
English
Paid
Course description
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.
Watch Online
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 |
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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Understanding React | Don’t Imitate Understand
Sources: Anthony Alicea
Even if you've been using React for years, your mental model is likely inaccurate. That's because the best mental model is understanding how something really wo
17 hours 3 minutes 45 seconds
Redux Saga
Sources: pluralsight
Redux Saga is a fast-growing library with over 9,000 stars on GitHub. It lets you rapidly create asynchronous apps using a new tool called ES6 Generators. In th
2 hours 54 minutes 54 seconds
Learn React 19 with Epic React v2
Sources: Kent C. Dodds
Ready for the React 19 revolution? The most in-demand JavaScript framework has received a major update! You are already familiar with React, but in React 19 the
26 hours 51 minutes 3 seconds
Ultimate Next.js 13 Course + eBook
Sources: jsmastery.pro
Enter the new era of React. Here’s a little known fact. 17% of the top 1 million websites use Next.js. And Next 13 usage in those top 1 million is doubling ever
51 hours 35 minutes 4 seconds
Build Product Hunt with ReactJS and Firebase
Sources: Code4Startup (coderealprojects)
In this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Product Hunt. Also, a...
4 hours 47 minutes 27 seconds