jira-clone-nextjs

November, 2024.

Full-stack Jira Clone project built by using Next JS 14, React, TypeScript, Shadcn UI, Tailwind CSS, Hono, and Appwrite.

Features

• Create workspaces and invite team members seamlessly.
• Collaborate with team members and track projects and tasks.
• Manage tasks in data table, kanban, and calendar views effortlessly.
• Responsive design with TailwindCSS.

Getting Started

These instructions will help you set up and run the project on your local machine for development and testing purposes.

1. Clone the repository:

git clone https://github.com/evanch98/jira-clone-nextjs.git
cd your-repo-name

2. Install the required dependencies:

bun install

3. Configure environmental variables: Create a .env.local file in the project root and set the necessary environment variables.

NEXT_PUBLIC_APP_URL=http://localhost:3000

NEXT_PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
NEXT_PUBLIC_APPWRITE_PROJECT=

NEXT_PUBLIC_APPWRITE_DATABASE_ID=
NEXT_PUBLIC_APPWRITE_WORKSPACES_ID=
NEXT_PUBLIC_APPWRITE_MEMBERS_ID=
NEXT_PUBLIC_APPWRITE_PROJECTS_ID=
NEXT_PUBLIC_APPWRITE_TASKS_ID=
NEXT_PUBLIC_APPWRITE_IMAGES_BUCKET_ID=

NEXT_APPWRITE_KEY=

4. Run the development server:

bun dev

5. Start building and customizing your Jira Clone!

6. Demo Account

   Email: evan@mail.com

   Password: Evan12345678

Technologies Used

• Next.js
• React
• TailwindCSS
• TypeScript
• Appwrite
• Shadcn UI
• Hono

Acknowledgements

• @hello-pangea/dnd
• class-variance-authority
• clsx
• date-fns
• lucide-react
• nuqs
• react-big-calendar
• react-day-picker
• react-icons
• sonner
• tailwind-merge
• zod