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

Опубликовано: 08 Ноябрь 2024
на канале: Code With Antonio

19,646

617

⭐ Source code & more: https://dub.sh/twpYBjw
🔥 Get $50 in Appwrite credits: https://apwr.dev/antonio50
🎬 PART 1: • Build a Jira Clone With Nextjs, React...

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
00:33 Adding workspace projects
35:01 Building project settings
01:15:05 Building a tasks API
01:43:58 Building a task form
02:11:15 Building data filters
02:38:40 Building a data table
03:07:52 Adding task settings
03:32:45 Building a data kanban
03:48:24 Adding a kanban update API
04:31:39 Building a data calendar
05:03:01 Adding a task page
05:38:06 Refactoring server components
06:08:12 Building project analytics
06:36:47 Building workspace analytics
07:03:09 Resolving build errors
07:13:36 Implementing OAuth login
07:29:41 Deployment
07:37:17 Resolving leftover bugs