TaskCanvas is a visual task management application designed for creative individuals and teams who prefer flexible, canvas-based organization over traditional lists. It allows users to sketch, drag, and plan their tasks freely within an interactive workspace.
https://task-canvas-bice.vercel.app/
TaskCanvas offers an intuitive and modern interface for managing tasks with added flexibility. Rather than confining tasks to static lists, users can arrange, sketch on, and categorize tasks in a way that visually suits their workflow.
Key functionalities include task sketching, category tagging, due dates, and real-time collaboration features. Task data is securely synchronized via Firebase services.
- Freeform canvas for flexible task arrangement
- Sketching tools directly on tasks = Visual categories with color indicators
- Due date management and completion tracking = Team collaboration via invite IDs
- Real-time sync using Firebase Authentication and Firestore
- React
- Firebase Authentication
- Firestore Database
- React Context API
- React Router
- Custom Canvas Drawing
- Modern CSS
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for best performance.
1️ Clone the repo
2️ Run npm install
3️ Configure Firebase keys in .env
4️ Run npm start
This project is licensed under the MIT License.
Manjot Kaur