sifty

Project Tracking for Freelancers

A lightweight tool for visualizing project scope and tracking progress. Built for freelancers and small studios who need clarity without complexity.

Next.jsReactTypeScriptTailwindSupabaseFramer Motion
Timeline2 Months
RoleDesign & Development
TypeWeb Application
StackNext.js · Supabase · TypeScript
Visual timeline interface for tracking project scope

Built by leveraging Claude Code to rapidly implement features, iterate on UI interactions, and test functionality throughout development. The backend uses Supabase with PostgreSQL for secure data storage and real-time updates.

BUILT FOR CLARITY

Visual Timeline

See your entire project scope at a glance. Tasks and milestones arranged chronologically.

Smart Scheduling

Expected dates with auto-positioning. Movement restrictions keep your timeline accurate.

Task Management

Expandable task pills with notes. Track progress from pending to complete.

Light & Dark Themes

Full theme support with carefully crafted color palettes for any environment.

Simple onboarding flow. Create a project in seconds and visualize your scope immediately.Built with freelancers in mind.

PROJECT CREATION

Project creation form
Timeline onboarding

THE COMPONENTS

Task cards with expandable details
Milestone tracking and completion

MOBILE FIRST

Supporting 5 distinct viewport sizes with touch-optimized components, the fully responsive design ensures a seamless experience on any device.

Mobile responsive layout

CLIENT VIEW

Share a dedicated read-only view with clients. They see progress without the complexity of the full interface.

Client-facing project view

TECH STACK

Next.js 16App Router
React 19UI Library
TypeScriptType Safety
Tailwind CSS 4Styling
SupabasePostgreSQL
Framer MotionAnimations
Radix UIPrimitives