Main Layout Sections
The interface is divided into four primary areas that enable efficient project visualization and management:Timeline View Area
The timeline view is the central component where your project schedule comes to life. This interactive area displays:- Visual task bars color-coded by team member assignment
- Time scale headers showing dates or hours depending on your selected mode
- Task dependencies and overlaps displayed in real-time
- Progress indicators showing task status (Not Started, In Progress, Completed)
Team Member Panel
The team panel provides visual management of project participants:- Color-coded member cards with unique colors for easy identification
- Role and specialty information displayed for each team member
- Drag-and-drop reassignment to quickly change task ownership
- Quick add/edit controls for managing team composition
Task List and Configuration Area
The task configuration section allows you to:- Define tasks with clear descriptions and details
- Assign team members to specific tasks
- Set task duration and scheduling parameters
- Configure task properties and metadata
- Reorder tasks to match project priorities
All changes are automatically saved to your browser’s local storage, ensuring you never lose your work.
Configuration Panel
The intelligent configuration area provides advanced scheduling options:- Weekend exclusion to skip non-working days automatically
- Custom date exclusions for holidays and company closures
- Time block definitions for non-working hours
- Working hours configuration to match your team’s schedule
Navigation Between Views
Dual Mode System
Gantt Maker offers two distinct timeline modes, accessible with a single click: Date Mode- Traditional planning by days and weeks
- Ideal for longer-term projects spanning weeks or months
- Displays calendar dates along the timeline
- Automatically accounts for weekend and holiday exclusions
- Precision planning down to the hour
- Perfect for intensive short-term projects or sprints
- Shows hourly breakdowns across days
- Essential for detailed resource allocation
Key Interactive Elements
Real-Time Editing
Every element in the interface supports direct manipulation:- Click to edit task names and descriptions in place
- Drag task bars to adjust start dates and duration
- Drag team members onto tasks for quick reassignment
- Click progress indicators to update task status
Visual Feedback
The interface provides immediate visual feedback for all actions:- Color highlighting shows selected elements
- Collision detection identifies over-assigned team members
- Progress shading displays completion percentage
- Hover tooltips reveal additional task details
Smart Algorithms
Behind the scenes, intelligent algorithms enhance your planning:- Automatic collision detection alerts you to scheduling conflicts
- Realistic timeline generation based on working hours and exclusions
- Smart spacing prevents visual overlap of concurrent tasks
- Adaptive layout adjusts to different screen sizes
The interface detects over-allocation automatically, helping you identify when team members have conflicting assignments.
Data Management
Auto-Save
All your project data is automatically saved to your browser’s local storage as you work. There’s no need to manually save changes.Export and Backup
- Export to JSON for backup or sharing with team members
- Multiple project versions can be maintained separately
- Import capability to restore or share project files
Getting Started
To begin using the interface:- Configure your timeline by selecting date or hours mode
- Add team members with unique colors and roles
- Create tasks with clear descriptions and assignments
- Visualize progress in the interactive timeline view
- Adapt on the fly with real-time editing and updates