A modern, feature-rich project management application with task tracking, team collaboration, badge recognition system, and workflow automation.
the login page
the dashboard
the project details and status page
the automation page
the badge page
- React.js: UI component library
- React Router: Client-side routing
- Axios: HTTP client for API requests
- Context API: State management
- CSS3: Custom styling with modern features
- LocalStorage: JWT token persistence
- Node.js: JavaScript runtime
- Express.js: Web framework
- MongoDB: NoSQL database
- Mongoose: ODM for MongoDB
- JWT: Authentication
- Bcrypt.js: Password hashing
- Git: Version control
- npm/yarn: Package management
- Vite: Frontend build tool
- Nodemon: Development server
- Vercel: Frontend deployment
- Render/Heroku: Backend deployment
- MongoDB Atlas: Cloud database
- Secure registration and login with JWT authentication
- User profiles with earned badges
- Role-based access control
- Create and manage multiple projects
- Invite team members via email
- Customizable project settings
- Interactive Kanban board with drag-and-drop
- Task creation with title, description, due date, and assignee
- Status tracking and updates
- Award badges to tasks and users
- Multiple badge types (Completed, On Time, Star Performer, etc.)
- Badge statistics and leaderboards
- Create custom workflow rules
- Multiple trigger types (status change, assignee change, due date)
- Various actions (change status, assign user, add badge)
- Modern dark theme interface
- Responsive design for all devices
- Intuitive navigation and interactions
- Node.js (v14 or higher)
- MongoDB (local or Atlas)
- npm or yarn
# Clone the repository
git clone https://github.com/yourusername/taskboard-pro.git
cd taskboard-pro
# Install backend dependencies
cd backend
npm install
# Set up environment variables
cp .env.example .env
# Edit .env with your MongoDB URI and JWT secret
# Start the backend server
npm run dev