Project Overview
Freelance CRM keeps client deals, payments, and invoice prep organized in one streamlined workspace.
Key Features
- Deal Management: create, edit, search, and remove deals with required-field validation and structured business data
- Payment Tracking: log payments by deal with amount, date, method, and optional context fields
- Inline Payment Editing: update payment records directly in-table to correct data quickly without leaving the page
- Invoice Preview Modal: generate invoice-ready views with payment history, totals, and print support
- Responsive UX: optimized layouts and controls that work smoothly on desktop and mobile
Skills Used
- React Hooks for stateful form flows, data loading, and interactive UI behavior
- Supabase Integration for precise CRUD operations against Postgres-backed orders and payments tables
- JavaScript Validation and Formatting for reliable currency parsing, required-field checks, and normalized input handling
- Component-Driven UI Architecture for reusable modals, tables, and action patterns across the app
- Responsive CSS for consistent visual styling and usability across screen sizes
Tech Stack
React
Vite
JavaScript (ES Modules)
Supabase (Postgres + Supabase JS Client)
HTML5
CSS3