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
React Query: Server State Management in React
Sources: udemy
React Query has become the go-to solution for server state management in React apps, and for good reason! This smart, comprehensive solution makes it easy to ke
7 hours 39 minutes 49 seconds
React: Flux Architecture (ES6)
Sources: egghead
As a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage state across the application? How is data shared b...
49 minutes 50 seconds
React for Beginners
Sources: codewithmosh (Mosh Hamedani)
React is the most popular JavaScript library for building front-ends. It was created by Faceook and is widely used for building web, mobile, and desktop apps.
7 hours 58 minutes 3 seconds
Magic UI Pro
Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...
Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress
Sources: leveluptutorials
Welcome to E-commerce on the Jamstack with Snipcart, Next.js & WordPress! In this series, we will learn how make a fast, modern, e-commerce site using Next.js,
4 hours 18 minutes 15 seconds