Live

    Didask.io

    Project Management Toolkit

    1 months (2025)Full-Stack Developer & Designer
    Next.js 16
    TypeScript
    Tailwind CSS
    html2canvas
    jsPDF
    Vercel
    Live Demo

    # Overview

    Didask.io is a free, open-source web application that simplifies project management documentation. It provides intuitive tools for creating professional RACI matrices, Gantt charts, and budget tables—all exportable as high-quality PNG or PDF files.

    The platform is built with Next.js 16 and SSR for fast delivery and SEO-friendly pages, while all document generation happens 100% on the client. It allows project managers, students, and teams to quickly generate documentation without the complexity of enterprise software.

    # The Problem

    Traditional project management tools are often:

    - Overly complex for simple documentation needs

    - Expensive with subscription models

    - Lacking proper export capabilities for reports

    - Not optimized for quick, one-off project setups

    Many students and small teams need a straightforward way to create professional project documentation without learning complex software.

    # The Solution

    Didask.io addresses these pain points by offering:

    →Zero learning curve: Intuitive interface with instant results
    →Free forever: No subscriptions, no hidden fees
    →Export-first design: PNG and PDF exports optimized for reports and presentations
    →Responsive design: Works seamlessly on desktop and tablet
    →No account required: Start creating immediately without signup

    # Architecture

    The application follows a modern Next.js 16 architecture:

**Frontend Layer**
- Next.js 16 with TypeScript for type-safe development
- Tailwind CSS for responsive styling
- SSR for fast initial render, with client-side generation for exports

**Core Modules**
- RACI Generator: Dynamic matrix with role/task management
- Gantt Builder: Timeline visualization with dependencies
- Budget Calculator: Cost tracking with category breakdowns

**Export Engine**
- html2canvas for pixel-perfect PNG exports
- jsPDF for PDF generation with custom styling
- Client-side processing for privacy

    # Screenshots

    RACI Matrix Generator
    RACI Matrix Generator
    Gantt Timeline View
    Gantt Timeline View
    Budget Table Editor
    Budget Table Editor
    Global View
    Global View

    Key Features

    • ✓RACI Matrix Generator
    • ✓Gantt Timeline
    • ✓Budget Tables
    • ✓PNG/PDF Export

    Technical Highlights

    • →Built with Next.js 16 and deployed on Vercel
    • →SSR for pages, 100% client-side generation for exports
    • →Implements responsive tables with horizontal scrolling for complex matrices
    • →Uses CSS Grid for Gantt timeline layouts with date calculations
    • →Local storage persistence for draft saving
    • →PWA-ready with offline capabilities
    • →Accessibility compliant (WCAG 2.1 AA)