An open API service indexing awesome lists of open source software.

https://github.com/evanch98/jira-clone-nextjs

A full-stack Jira Clone Web Application built with Next.js 14.
https://github.com/evanch98/jira-clone-nextjs

appwrite honojs jira-clone nextjs nextjs14 nuqs react18 shadcn-ui tailwindcss typescript

Last synced: about 2 months ago
JSON representation

A full-stack Jira Clone Web Application built with Next.js 14.

Awesome Lists containing this project

README

          

# jira-clone-nextjs

![GitHub repo size](https://img.shields.io/github/repo-size/evanch98/jira-clone-nextjs)
![GitHub stars](https://img.shields.io/github/stars/evanch98/jira-clone-nextjs?style=social)
![GitHub forks](https://img.shields.io/github/forks/evanch98/jira-clone-nextjs?style=social)



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:**

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

2. **Install the required dependencies:**

```bash
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:**

```bash
bun dev
```

5. **Start building and customizing your Jira Clone!**

6. **Demo Account**

Email: evan@mail.com

Password: Evan12345678

## Technologies Used

- [Next.js](https://nextjs.org/)
- [React](https://react.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [Appwrite](https://appwrite.io/)
- [Shadcn UI](https://ui.shadcn.com/)
- [Hono](https://hono.dev/)

## Acknowledgements

- [@hello-pangea/dnd](https://www.npmjs.com/package/@hello-pangea/dnd)
- [class-variance-authority](https://www.npmjs.com/package/class-variance-authority)
- [clsx](https://www.npmjs.com/package/clsx)
- [date-fns](https://www.npmjs.com/package/date-fns)
- [lucide-react](https://www.npmjs.com/package/lucide-react)
- [nuqs](https://www.npmjs.com/package/nuqs)
- [react-big-calendar](https://www.npmjs.com/package/react-big-calendar)
- [react-day-picker](https://www.npmjs.com/package/react-day-picker)
- [react-icons](https://www.npmjs.com/package/react-icons)
- [sonner](https://www.npmjs.com/package/sonner)
- [tailwind-merge](https://www.npmjs.com/package/tailwind-merge)
- [zod](https://www.npmjs.com/package/zod)