Molecule.dev

Project Management

Business & SaaS · React + Node (Express) · 24 @molecule/* packages

Asana-like task management with Kanban, milestones, and team views — including a built-in subscription tier (Free / Pro / Team) backed by Stripe

Open in Molecule

Quick preview

Opens instantly. Runs on sample data, so changes reset on reload.

Open preview in a new tab ↗

What is inside

Screens (9)

  • Board /projects/:projectId/board (signed in)
  • Dashboard / (signed in)
  • TaskList /projects/:projectId/tasks (signed in)
  • Timeline /projects/:projectId/timeline (signed in)
  • Settings /settings (signed in)
  • Login /login
  • Signup /signup
  • ForgotPassword /forgot-password
  • ResetPassword /reset-password

Data model (11 tables)

  • activities — id, actorId, action, resourceType, resourceId, metadata, createdAt
  • activity_seen_status — userId, lastSeenActivityId, updatedAt
  • comments — id, resourceType, resourceId, userId, parentId, body, editedAt, createdAt, …
  • devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
  • milestones — id, project_id, title, description, due_date, status, created_at, updated_at, …
  • notifications — id, createdAt, updatedAt
  • project_members — id, project_id, user_id, role, joined_at, updatedAt
  • projects — id, owner_id, user_id, name, description, status, color, start_date, …
  • resource_tags — id, tagId, resourceType, resourceId, createdAt
  • tags — id, name, slug, color, description, createdAt, updatedAt
  • tasks — id, created_by, project_id, title, description, status, priority, assignee_id, …

API (6 handlers)

  • \_ownership api/src/handlers/_ownership.ts
  • members api/src/handlers/members.ts
  • milestones api/src/handlers/milestones.ts
  • profile api/src/handlers/profile.ts
  • projects api/src/handlers/projects.ts
  • tasks api/src/handlers/tasks.ts

Subscription tiers

free / pro / team — gated by: maxProjects, maxTasks, maxMilestones, maxMembersPerProject, realtimeCollaboration, advancedReports, activityRetentionDays, calendarView, customFields

Built from 24 @molecule/* packages

Browse all @molecule/* packages →

Required secrets

  • DATABASE_URL PostgreSQL connection string
  • MEILISEARCH_API_KEY MeiliSearch API key

The @molecule/* packages are Apache-2.0. The app you build from this template is yours to export and self-host. Licensing