Mantraist

Interactive Quick Start Guide

Play with the live components below to learn how our system streamlines your workflow from personal tasks to client delivery.

Step 1

Master Your Daily Workflow

Start by dumping all your thoughts into the Task Container. Don't worry about order—just get it down. Then, let the system magically extract your Top 3 priorities so you know exactly what to tackle first.

  • Click + New Task to add items with custom priorities.
  • Hit Generate Tasks to auto-pick your 3 most critical open tasks.
  • Click a task to cross it off and feel the satisfaction!

Tasks

  • Review latest Figma wireframes
    highevery day
  • Refactor hero section in React
    medium
  • Update primary color tokens
    lowevery week
  • Design user flow for onboarding
    high
  • Optimize component re-renders
    mediumevery month
  • Create API documentation
    medium

Momentum (Top 3)

Highlight your most important priorities for the day. Click generate to auto-select from your open tasks.

Step 2

Bridge the Client Gap

See exactly how your progress translates to the client. Connect tasks to a project in your Freelancer View, and watch as they instantly appear in the Client Portal for approval. Complete transparency, zero extra work.

  • Click Connect Tasks to assign open tasks to this project.
  • Toggle a task on the left and watch the progress bar sync perfectly.
  • Try clicking Approve in the Client View to see it update instantly!

Acme Corp Redesign

Freelancer View
Client NameAcme Corporation
Payment Status

Connected Tasks

1 / 3 Tasks Completed (33%)
  • Review latest Figma wireframes
  • Refactor hero section in ReactApproved
  • Design user flow for onboarding

Acme Corp Portal

Client View
ProjectAcme Corp Redesign
Payment StatusNot Paid

Connected Tasks

1 / 3 Tasks Completed
  • Review latest Figma wireframes
  • Refactor hero section in ReactApproved
  • Design user flow for onboarding
Begin your session