masterHAWK99 / trello-clone

Open source Trello Clone built with everything new in the Next.js 13 ecosystem.

Trello Clone

An open source Trello Clone built with everything new in the Next.js 13 ecosystem.

Warning
This project is still under development, so it's not production ready. As such, it lacks certain features and may contain annoying bugs.

Also, it uses experimental technologies, such as Next.js server actions.

---

Tech Stack

• Language: TypeScript
• Framework: React, Next.js
• Styles: TailwindCSS
• UI Components: shadcn/ui
• ORM: Prisma
• Authentication: NextAuth
• Testing: Cypress
• Validation: zod
• Forms: react-hook-form
• WYSIWYG: Tiptap
• Primitives: RadixUI
• Icons: Lucide
• DND: react-beautiful-dnd
• Formatting: Prettier
• Background Images: Unsplash
• Illustrations: storyset

Current Features

• Authentication
  • Log In, Registration
• Dashboard
• Light and Dark UI theme
• Boards
  • Private, public
  • Background Images from unsplash
  • Create lists
• Cards
  • Cards inside lists
  • Labels: CRUD
  • Card description with WYSIWYG editor
  • Drag-and-drop functionality amongst the boards
• Profile
  • Change password

Contributing

Contributions are more than welcome! Please open an issue if you have any questions or suggestions. See the contributing guide for more information.

Running Locally

# Clone the project:
git clone https://github.com/0l1v3rr/trello-clone.git
cd trello-clone

# Copy the .env.example file and rename it to .env
# Also, make the appropriate changes
cp .env.example .env

# Run the database with docker:
docker compose up -d

# Install the dependencies:
npm i
npm run prepare

# Reset the DB
npx prisma migrate reset

# Run the application
npm run dev

# Also, you can preview the app to see how it would work in production
npm run preview

After the successful installation, the app should start here. You can log in with the following credentials: username: test, password: test

License

This project is licensed under the MIT License.