TaskMaster is a powerful, full-stack task management application built with Next.js, React, TypeScript, Express, Node, MongoDB. It features a dynamic Kanban board and a detailed task list view, offering users a comprehensive solution for organizing and tracking their tasks efficiently.
- Interactive Kanban Board: Drag-and-drop functionality for intuitive task management
- Detailed Task List: Sortable and filterable task view with priority highlighting
- Real-time Updates: Seamless task creation, updating, and deletion
- Responsive Design: Fully responsive layout for desktop and mobile devices
- User Authentication: Secure login and registration system
- Frontend: Next.js, React, TypeScript, Tailwind CSS
- State Management: React Context API
- UI Components: Customized Shadcn UI
- Animations: Framer Motion
- Drag and Drop: react-beautiful-dnd
- Backend: Node, Express, JWT.
- Database: MongoDB.
- Clone the repository
- Install dependencies:
npm install - Set up environment variables (see
.env.example) in your server folder. - Run the development server:
npm run dev - Open http://localhost:3000 in your browser
- Efficient state management using React Context (see
src/context/TaskContext.tsx) - Custom hooks for task operations (see
src/hooks/useTasks.ts) - Responsive and animated UI components (see
src/components/ui/card.tsx) - Server-side rendering with Next.js for optimal performance
- Implement collaborative features for team task management
- Integrate with calendar APIs for better scheduling
- Add data visualization for task completion trends
We welcome contributions! Please see our contributing guidelines for more details.
This project is licensed under the MIT License - see the LICENSE file for details.