Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarkartanmay393/taskboard
Simple task manager in kanban style with core functionalities and local-first ability.
https://github.com/sarkartanmay393/taskboard
drag-and-drop expressjs reactjs
Last synced: 4 days ago
JSON representation
Simple task manager in kanban style with core functionalities and local-first ability.
- Host: GitHub
- URL: https://github.com/sarkartanmay393/taskboard
- Owner: sarkartanmay393
- Created: 2024-09-29T06:17:16.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-11-06T14:29:26.000Z (2 months ago)
- Last Synced: 2025-01-01T04:47:45.402Z (7 days ago)
- Topics: drag-and-drop, expressjs, reactjs
- Language: TypeScript
- Homepage: https://tsmk-dnd.vercel.app/
- Size: 874 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
TSMK - Kanban Board
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
A task management dashboard with useful features including drag-and-drop.
Explore Code »
View Demo
·
Report Bug
·
Request Feature
TaskNest is a web application that allows users to manage their tasks and projects. The application provides a simple and intuitive interface for creating, organizing, and tracking tasks.
Table of Contents
## About The Project
### Features
- Create and manage tasks.
- Local storage for tasks.
- Drag and drop functionality for tasks.
- Search functionality for tasks.
- Filter functionality for tasks.
### Technologies Used
- **Backend**: Node.js, Express.js
- **Frontend**: React.js, Vite.js, Tailwind CSS, Shadcn UI
- **Database**: PostgreSQL with Prisma
## Folder Structure
The project follows a structured organization with separate backend and frontend directories:
- `backend/`: Contains the Node.js backend.
- `frontend/`: Contains the React frontend.
## Getting Started
Running a development environment for this project will be the easiest thing in you day.
### Prerequisites
- [**Node**](https://nodejs.org/en/)
### Steps to run
To run the application locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/sarkartanmay393/TaskNest.git
```
2. Run both command separately to setup the codebase:
```bash
cd backend && npm install && npm run dev
```
```bash
cd frontend && npm install && npm run dev
```
- or Use Docker Compose
```bash
docker compose up
```
- or Run the following command to start using `concurrently`
```zsh
chmod +x start.sh
/.start.sh
```
> If any issue occured ...
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -s -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
6. Wait for review
See the [open issues](https://github.com/sarkartanmay393/TaskNest/issues) for a full list of proposed features (and known issues).
## Contact
Your Name - Tanmay Sarkar [@sarkartanmay393](https://twitter.com/sarkartanmay393) - [[email protected]](mailto:[email protected])
Project Link: [https://github.com/sarkartanmay393/TaskNest](https://github.com/sarkartanmay393/TaskNest)
**Thanks for visiting my project. If you like it, please give it a star. It will help me a lot. Thanks again!**
[forks-shield]: https://img.shields.io/github/forks/sarkartanmay393/CryptoConvert.svg?style=for-the-badge
[forks-url]: https://github.com/sarkartanmay393/TaskNest/network/members
[stars-shield]: https://img.shields.io/github/stars/sarkartanmay393/CryptoConvert.svg?style=for-the-badge
[stars-url]: https://github.com/sarkartanmay393/TaskNest/stargazers
[issues-shield]: https://img.shields.io/github/issues/sarkartanmay393/CryptoConvert.svg?style=for-the-badge
[issues-url]: https://github.com/sarkartanmay393/TaskNest/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/tanmaysrkr
[React.dev]: https://img.shields.io/badge/React-2496ed?style=for-the-badge&logo=react&logoColor=white
[React-url]: https://www.docker.com/
[Express.com]: https://img.shields.io/badge/Express-2496ed?style=for-the-badge&logo=express&logoColor=white
[Express-url]: https://www.docker.com/
[Node.com]: https://img.shields.io/badge/Nodejs-2496ed?style=for-the-badge&logo=nodejs&logoColor=white
[Node-url]: https://www.docker.com/