| ▲ | Show HN: Timeline, a team project planner with a fast canvas Gantt view(github.com) | |
| 1 points by vakahnke 11 hours ago | 1 comments | ||
I do a lot of project management, and for years I wanted a tool that was simple, interactive, and just worked: a timeline I could see and touch, where moving a task is a drag and not a form. Nothing I used felt like that. I didn't have the coding chops to build it myself until AI-assisted coding made it possible, so over the last few months I built it with Claude Code doing most of the typing and me doing the design, testing, and a great deal of arguing about how dragging should feel. This is the result, and I'm open-sourcing it. What it does: - A Gantt-style timeline you drag, resize, zoom and pan. Dependencies draw as arrows and the critical path is computed and highlighted. - A board view of the same tasks grouped by status, and a list view for phones. - Projects are private to their members, with owner / editor / commenter / viewer roles and reusable teams. - Templates: start from a plan (MVP launch, seed round, hiring, OKR quarter, and some hobby ones) anchored to a date, or save your own. - A documented REST API (Django + DRF, JWT) behind a React frontend. The part that took the most work is the rendering. Everything scroll-sensitive (ruler, lane backgrounds, dependency arrows, minimap) is drawn on canvas rather than the DOM, and the visible range is culled, so panning and zooming stay smooth with hundreds of events. Safari in particular was a fight: per-scroll SVG and stacks of sticky layers stall it badly, and canvas was the way out. One design choice you'll notice immediately: events are "sticky". A plain drag pans the timeline; you hold Ctrl or Cmd to move an event. It stops accidental nudges, and the app tells you the first time you try it, but I'm curious whether people would rather have the opposite default. Try it with no setup other than Docker:
then open localhost:5173 and sign in as demo / demo12345. Apache 2.0.Not done yet: iCalendar export, Microsoft Project import/export, manual ordering within board without an account. Issues and PRs welcome. Happy to answer anything about the canvas work, the tenancy model, or what it was like building this with AI as a non-programmer. | ||
| ▲ | vakahnke 2 hours ago | parent [-] | |
I manage a few projects at work. I really am unsatisfied with modern tools available to me for that purpose. I had always envisioned a tool that I could interact with visually for this purpose. I started building one many years ago but the graphics programming was beyond my capabilities and nothing I made hit the mark. Along came modern AI to help get me the product and I wanted. I decided to open-source the results. Features: This tool has a Gantt chart style to it that you can interact with on the DOM. There is a feature that allows you to assign tasks to people on your team and manage the amount of tasking assigned to each person. I also included templates that allow you to re-use someone's project once they find one that works. List view allows use on your mobile device. This is built in Django and has a REST API that goes with it for adding on capability. There are directions to easily install it using Docker and take it for a spin. The events are "sticky" so they don't get moved around by accident. hold Ctrl or Command to drag an event around the timeline. I am looking forward to hearing comments and feedback on the utility of the program and how to improve it. | ||