A modern, full-stack task management and team collaboration platform built for focused, efficient work.
TaskLoom helps individuals and teams plan, organize, and track work with an intuitive UI, drag-and-drop boards, real-time updates, and rich progress visualization — all wrapped in a smooth, performant React application.
- Drag-and-Drop Boards — Visually organize tasks across customizable columns with fluid, intuitive drag-and-drop
- Progress Visualization — Track project and task completion with clear, real-time progress indicators
- Real-Time Updates — Stay in sync with your team as changes reflect instantly across the board
- Authentication Flow — Secure, smooth sign-up and login experience
- Smooth Animations — Polished UI transitions powered by Framer Motion and GSAP
- Internationalization (i18n) — Multi-language support via i18next with automatic browser language detection
- Responsive Design — Clean, mobile-friendly layout built with Tailwind CSS
- Form Validation — Robust schema-based validation using Zod
- Global State Management — Lightweight and scalable state with Zustand
| Category | Technology |
|---|---|
| Framework | React 18 + TypeScript |
| Build Tool | Vite |
| Styling | Tailwind CSS |
| Animations | Framer Motion, GSAP |
| 3D / Physics | Three.js, Matter.js, Cannon-ES |
| Routing | React Router DOM v6 |
| State Management | Zustand |
| Validation | Zod |
| i18n | i18next + react-i18next |
| UI Utilities | Headless UI, Lucide React, clsx |
- Node.js v18 or higher
- npm v9 or higher
-
Clone the repository
git clone https://github.com/Naman1313/TaskLoom.git cd TaskLoom -
Install dependencies
npm install
-
Start the development server
npm run dev
The app will be available at
http://localhost:5173.
| Command | Description |
|---|---|
npm run dev |
Start the local development server |
npm run build |
Create a production build in dist/ |
npm run preview |
Preview the production build locally |
TaskLoom/
├── src/ # Application source code
├── index.html # HTML entry point
├── package.json # Project dependencies and scripts
├── tailwind.config.js # Tailwind CSS configuration
├── postcss.config.js # PostCSS configuration
├── tsconfig.json # TypeScript configuration
└── .gitignore
Contributions are welcome! Here's how to get started:
- Fork the repository
- Create a feature branch:
git checkout -b feature/your-feature-name - Commit your changes:
git commit -m "feat: add your feature" - Push to the branch:
git push origin feature/your-feature-name - Open a Pull Request
Please follow conventional commit messages and keep PRs focused on a single feature or fix.
Naman1313 — GitHub Profile
Built with ❤️ using React + TypeScript + Vite