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
Discord Clone - Learn MERN Stack with WebRTC and SocketIO
Sources: udemy
Learn how to connect MERN Stack with WebRTC and SocketIO. We will go through all of the steps to create application with group call functionality. We will crea
19 hours 29 minutes 29 seconds
Next.js - The Full Course
Sources: fireship.io
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
1 hour 14 minutes 14 seconds
React and Laravel: Breaking a Monolith to Microservices
Sources: udemy
Microservices Architecture, React, Next.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using React and Laravel t...
15 hours 7 minutes 45 seconds
Next.js Projects: Build an Issue Tracker
Sources: codewithmosh (Mosh Hamedani)
Learn to Build Full-stack Apps with Next.js, TypeScript, Prisma, Tailwind, and Radix UI. Clear. Concise. Comprehensive. Tired of piecing together disconnected t
7 hours 1 minute 57 seconds
React & TypeScript - The Practical Guide
Sources: Academind Pro
TypeScript is an amazing technology that helps developers write better code with less errors - simply because it let's you catch & fix type-related errors whilst writing the cod...
7 hours 22 minutes 54 seconds