Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hasnat-ahmed-goheer/trello-clone-app

'Trello Clone 2.0' is a sophisticated task management application built using Next.js 14. It replicates Trello's core functionalities and incorporates modern web technologies for an enhanced user experience.
https://github.com/hasnat-ahmed-goheer/trello-clone-app

appwrite java nextjs openai openai-api react typescript

Last synced: 29 days ago
JSON representation

'Trello Clone 2.0' is a sophisticated task management application built using Next.js 14. It replicates Trello's core functionalities and incorporates modern web technologies for an enhanced user experience.

Awesome Lists containing this project

README

        

# Trello Clone 2.0 🚀

![GitHub repo size](https://img.shields.io/github/repo-size/Hasnat-Ahmed-Goheer/Trello-clone-app)
![GitHub last commit](https://img.shields.io/github/last-commit/Hasnat-Ahmed-Goheer/Trello-clone-app?color=blue)
![GitHub stars](https://img.shields.io/github/stars/Hasnat-Ahmed-Goheer/Trello-clone-app)
![GitHub forks](https://img.shields.io/github/forks/Hasnat-Ahmed-Goheer/Trello-clone-app)
![GitHub issues](https://img.shields.io/github/issues/Hasnat-Ahmed-Goheer/Trello-clone-app)
![GitHub pull requests](https://img.shields.io/github/issues-pr/Hasnat-Ahmed-Goheer/Trello-clone-app)
![Static Badge](https://img.shields.io/badge/%20build-passing-brightgreen)

![Node.js version](https://img.shields.io/badge/Node.js-v20.0.0-green)
![Next.js version](https://img.shields.io/badge/Next.js-v14.0.1-blue)
![react version](https://img.shields.io/badge/react-v18-brown)
![Tailwind CSS version](https://img.shields.io/badge/Tailwind%20CSS-v3.3.6-blueviolet)
![OpenAI API version](https://img.shields.io/badge/OpenAI%20API-v4.20.0-blue)
![Appwrite version](https://img.shields.io/badge/Appwrite-v13.0.0-orange)
![Zustand version](https://img.shields.io/badge/Zustand-v4.4.6-yellowgreen)
![React Beautiful DnD version](https://img.shields.io/badge/React%20Beautiful%20DnD-v13.1.1-blue)
![Hero Icons version](https://img.shields.io/badge/Hero%20Icons-v2.0.18-lightgrey)
![React Avatar version](https://img.shields.io/badge/React%20Avatar-v5.0.3-success)
![Headless UI](https://img.shields.io/badge/headless_UI-v1.7.17-pink)

![Last Updated](https://img.shields.io/github/last-commit/Hasnat-Ahmed-Goheer/Trello-clone-app?label=Last%20Updated&color=yellow)
![Status](https://img.shields.io/badge/Status-Completed-brightgreen)

---
![image](https://github.com/Hasnat-Ahmed-Goheer/Trello-clone-app/assets/126459187/6476433d-6031-4de8-adb7-8b06a66b2250)

## Introduction 📌

'Trello Clone 2.0' is a sophisticated task management application built using Next.js 14. It replicates Trello's core functionalities and incorporates modern web technologies for an enhanced user experience.

## Key Technologies 🔧

- **Next.js 14:** For a robust frontend framework.
- **React Beautiful DnD:** For interactive drag-and-drop interfaces.
- **Appwrite:** Backend database management.
- **Tailwind CSS with Prettier Plugin:** For styling and code formatting.
- **Zustand:** State management within React.
- **React Avatar:** To create user avatars.
- **Hero Icons:** For UI iconography.
- **OpenAI API:** Categorizes tasks into 'Todo', 'In Progress', and 'Completed'.
- **headless UI**: For building accessible and composable UI components, ensuring a seamless and inclusive user experience."

## Deployment 🌐

The application is deployed on Vercel for optimal performance and accessibility.

## Installation Guide 🛠️

### Prerequisites

- Node.js
- npm or pnpm or yarn or bun
- A modern web browser

### Setting Up

Install the dependencies:

```bash
npm install
# or
pnpm intsall
# or
yarn install
# or
bun install
```

### Getting Started

Then, Launch the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open http://localhost:3000 in a web browser to use the app.

## Contributing 🤝

Contributions are welcome. To contribute:

- Fork the repository.
- Create your feature branch (git checkout -b feature/YourFeature).
- Commit your changes (git commit -am 'Add some feature').
- Push to the branch (git push origin feature/YourFeature).
- Create a new Pull Request.

## Questions or Suggestions? ⁉️

I'd love to hear from you! Whether it's a query or a bright idea, feel free to drop me an email at [[email protected]](mailto:[email protected]).

Dive into 'Trello Clone 2.0' and discover where productivity seamlessly blends with the latest tech! 🚀