Video: Build a Jira Clone With Nextjs, React, Tailwind, Hono.js | Part 1/2 (2024)

⭐ Source code: https://cwa.run/jira-clone-code
? Get $50 in Appwrite credits: https://apwr.dev/antonio50
? PART 2: https://youtu.be/37v63U7-iG0?si=ZkY7-7vtInUMdlrk

Hi all ? In this 16-hour tutorial split in two parts (my longest ever btw!) you will learn how to create an end-to-end fullstack Jira clone, all with workspaces, project / epics, tasks, kanban boards, calendars, editing and deleting tasks, invite system, role-based access control system, image uploads, analytics, authentication and more!

Key Features:
? Workspaces
? Projects / Epics
✅ Tasks
? Kanban Board View
?️ Data Table View
? Calendar View
✉️ Invite System
⚙️ Workspace and Project Settings
?️ Image Uploads (for avatars and attachments)
? Appwrite SDK Integration
⚛️ Next.js 14 Framework
? Shadcn UI & TailwindCSS Styling
? Advanced Search and Filtering
? Analytics Dashboard
? User Roles and Permissions
? Authentication (OAuth and Email)
? Responsive Design (Mobile-friendly)
? API using Hono.js

Timestamps
00:00 Intro & demo
03:29 Project setup
09:25 Adding a component library
21:41 Customizing components
34:02 Resolving lint errors
39:12 Creating auth screens
01:34:17 Setting up Hono API
01:48:11 Creating auth API
02:21:49 Setting up Appwrite & database
02:51:10 Building a session middleware
03:12:58 Learning how to protect routes
03:45:28 Building a dashboard layout
04:07:02 Building a workspace form 
04:37:36 Handling image upload
05:04:37 Creating a workspace switcher
05:22:36 Creating workspace members
05:38:45 Building a responsive modal
06:11:44 Building a standalone layout
06:22:51 Building workspace settings
07:02:38 Refactoring server queries
07:12:03 Adding a "delete" functionality
07:35:03 Adding a "reset invite" functionality
07:47:03 Building the invite system
08:10:05 Adding a "delete" functionality