A lightweight productivity suite for freelancers and independent creators. This toolkit includes a simple invoice generator, an interactive project calendar, and a note-taking section — all in one place, built with React and TypeScript.
Try it live:
- Create and customize professional invoices
- Add line items and calculate totals automatically
- Export as PDF
- Save invoice templates for reuse
- Plan and visualize project timelines
- Track project status (Not Started, In Progress, Completed)
- Add, edit, and delete tasks
- Saves your data locally
- Write and manage notes in a clean interface
- Rich text editing and auto-saving
- Notes are stored locally so nothing is lost
- ⚛️ React
- ⌨️ TypeScript
- 💨 Tailwind CSS
- 🛠️ Vite
- Clone this repo:
git clone https://github.com/UncleB77/freelancer-toolkit.git cd freelancer-toolkit - Install dependencies:
npm install- Start the development server:
npm start- Open http://localhost:3000 to view it in the browser.
- Click "Add New Project" to create a project
- Set start and end dates
- Update project status as you progress
- View projects in calendar or list view
- Fill in client and project details
- Add line items with descriptions and amounts
- Preview the invoice
- Export as PDF
- Create new notes using the "+" button
- Edit notes by clicking on them
- Delete notes using the trash icon
- All changes are automatically saved
Built by UncleB77, a frontend developer creating useful tools for real-world freelance work. Reach out for freelance collaborations or contributions.