https://github.com/ritik48/trello-board
https://github.com/ritik48/trello-board
dnd-kit drag-and-drop nextjs trello-board
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ritik48/trello-board
- Owner: ritik48
- Created: 2024-07-31T17:24:00.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-01T11:42:03.000Z (10 months ago)
- Last Synced: 2025-03-21T10:54:25.637Z (3 months ago)
- Topics: dnd-kit, drag-and-drop, nextjs, trello-board
- Language: TypeScript
- Homepage: https://trello-task-board.vercel.app
- Size: 136 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Trello like Task Board
Checkout the site here: [Live](https://trello-task-board.vercel.app/)
This is a trello like task management application.
Here user can login and create, edit and delete tasks.
It currently has tasks divide into 4 categories:
- To-Do
- In Progress
- Under Review
- Completed
Users can seamlessly **Drag and Drop** the tasks from one category to another.
The task **status updates automatically** without having user to explicitly specify.
Made using:
- Nextjs
- Mongodb
- DnD Kit (for drag and drop)
---
### How to run locally:
**Step 1:** Clone the Repo
`git clone https://github.com/ritik48/Trello-Board.git`
**Step 2:** Navigate to the folder **Trello-Board**
`cd Trello-Board`
**Step 3:** Install the dependencies
`npm install`
**Step 4:** Start the mongodb server locally
In the command line type: `mongod`
**Step 4:** Start the project
`npm run dev`
Now, you can access the project on: `localhost:3000`