Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/hasnat-ahmed-goheer/trello-clone-app
- Owner: Hasnat-Ahmed-Goheer
- Created: 2023-12-08T20:51:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-15T16:47:29.000Z (7 months ago)
- Last Synced: 2024-05-16T05:19:22.797Z (7 months ago)
- Topics: appwrite, java, nextjs, openai, openai-api, react, typescript
- Language: TypeScript
- Homepage: https://trello-clone-app-omega.vercel.app/
- Size: 133 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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! 🚀