Objective

The primary objectives of the Deadlines & Dragons project are:

• Enhance Engagement: Develop an interactive, gamified task-tracking platform to increase user engagement in project management, targeting students and faculty.
• Dynamic Task Management: Create a system for assigning, submitting, and tracking tasks dynamically, including progress monitoring and team coordination features.
• Dual-Interface Design: Implement a toggle feature allowing users to switch between a mystical, storytelling-themed interface and a professional, straightforward view for accessibility and preference.
• AI-Driven Storytelling: Incorporate generative AI to produce dynamic storylines that evolve based on user progress and task completion, enriching the immersive experience.
• Centralized Management: Provide a unified platform for managing project-related and personal tasks, ensuring fairness and transparency in evaluations by mentors and coordinators.

Planning

The planning phase laid the foundation for the project’s success through structured steps:

• Empathy Mapping and User Requirement Study:
  The team conducted surveys and feedback sessions with students and faculty at the University of Petroleum & Energy Studies to identify pain points in traditional project management, such as lack of motivation, poor coordination, and opaque evaluation processes.
• Technology Stack Selection:
  • Front-end: HTML5, CSS3, JavaScript, and React.js were chosen for building a responsive, interactive user interface.
  • Back-end: Node.js and Express.js were selected for server-side logic, with MongoDB for database management and user authentication.
• Gamification Elements:
  RPG-inspired features were planned, including a "Guild & Party System" (for faculty and student views), an XP-based reward/penalty system for task completion, and customizable avatars to enhance user investment.
• Timeline and Milestones:
  The project timeline spanned February to May 2025, with phases including requirement gathering, UI/UX design, front-end and back-end development, AI integration, testing, and deployment.

Process

The development process was methodical and iterative, focusing on usability and engagement:

• User Interface Design:
  A central portal was created with a space fantasy aesthetic, featuring animations, responsive layouts, and a toggle for switching between gamified and professional themes. Different views were tailored for students, mentors, and coordinators.
• User Authentication and Privileges:
  Secure registration, login, and logout functionalities were implemented using MongoDB. User roles (students, mentors, coordinators) were defined with distinct privileges, such as task assignment authority for coordinators (Dungeon Masters).
• Backend Logic:
  • Task assignment and submission features were developed with priority levels and progress tracking.
  • Generative AI was integrated to craft dynamic storylines influenced by user actions and team performance.
  • Multiple team management tools enabled mentors to oversee various projects visually.
• Database Connectivity:
  MongoDB was utilized with collections for users, teams, tasks, progress, and AI-generated stories, supporting flexible, unstructured data suited for gamification and storytelling.
• User Experience Enhancement:
  Interactive elements like glowing buttons, animated backgrounds, and customizable avatars were added to create an immersive, user-friendly experience.

Development

The development phase brought the planned features to life:

• Front-End Development:
  Built with React.js, the interface featured interactive dashboards for project management, personal tasks, and team progress. A Pomodoro timer and calendar system were included to aid time management.
• Back-End Development:
  Node.js and Express.js powered the server-side logic, managing task operations, user authentication, and AI-driven story generation.
• Gamification Implementation:
  • Guild & Party System: Students managed tasks in a "party" view, while mentors oversaw multiple teams in a "guild" view.
  • XP System: Tasks carried XP values, rewarding timely completion and penalizing delays to motivate users.
• AI Integration:
  Generative AI dynamically generated storylines based on task progress, team dynamics, and individual contributions, adapting narratives to user performance.
• Progress Tracking:
  Comprehensive dashboards tracked individual and team progress, providing mentors with insights into contributions and performance for fair evaluations.

Challenges

The team encountered several hurdles during development:

• Technical Complexity:
  Building a robust back-end to support real-time task updates, AI content generation, and secure authentication required significant effort and optimization.
• Scalability:
  Ensuring MongoDB queries and API responses remained efficient as user and project numbers grew necessitated careful indexing and performance tuning.
• Cross-Browser Compatibility:
  Resolving inconsistencies across browsers was critical to deliver a consistent experience, addressing bugs that varied by platform.
• Balancing Gamification and Functionality:
  The team worked to ensure gamified elements complemented rather than overshadowed the platform’s core project management capabilities.

Conclusion

• Outcome:
  Deadlines & Dragons successfully launched as a gamified task-tracking platform that boosts engagement and productivity. The dual-theme toggle caters to diverse user preferences, ensuring broad accessibility.
• Impact:
  The platform offers a centralized solution for managing project and personal tasks, enhancing transparency and coordination among students and faculty. The AI-driven storytelling adds a unique, adaptive layer to the experience.
• Future Scope:
  Potential improvements include real-time collaboration tools, integration with external productivity apps, and expansion to other educational institutions. Advanced analytics could further enhance insights into team performance.

‍