PandaDoc-Style Document Editor Built for Learning and Experimentation
This project is a demo document editor inspired by PandaDoc’s platform, built to showcase modern front-end architecture, drag-and-drop interactions, and real-time editing patterns. It is not an official PandaDoc product, but a personal project for learning and portfolio purposes.
This project was created as part of my preparation for system design and front-end interviews at PandaDoc.
This project is still in progress, the upcoming features include:
Functional input fields: enable users to fill and interact directly with text, signature, and checkbox fields.
Table and page-break support: fully functional tables and smart page-breaking for export-ready layouts.
Resizable image blocks: drag to resize and maintain responsive alignment.
Recipient management: assign fields and permissions to multiple signers or viewers.
Undo/redo powered by an event-sourced action log: robust, replayable edit history with time-travel capability.
Real-time multi-user collaboration: simultaneous editing, presence indicators, and conflict-free synchronization.
AI-assisted document generation: automatically create contract templates or content based on context and user input.
Export and persistence: export edited documents to PDF and store structured document data securely in the database for later retrieval and versioning.
made by larbi sahli
Small header
We are a 10-person advertising agency located in London. We enjoy working closely with new clients and watching them succeed in their digital marketing efforts.
We've helped small businesses just like yours improve their ad campaigns, social media strategy, content marketing efforts, and overall marketing strategy.
Here are a few of the people you can expect to be working with
Name of CEO
Introduction to CEO
Name of Account Representative
Introduction to Account Representative
Solution overview
Outline the proposed solution or service here. Emphasise the value you can bring to your potential customer and what makes you stand out from the competition (why work with you?)
Real-time collaboration
Teamwork makes the dream work. Now, multiple team members can edit a document simultaneously. Avatars will appear in the document to show who is making changes.
Ultimate design flexibility
Theme party! Customize formatting with advanced themes. Set page backgrounds, headers & footers, stylize tables, and format text & headings (font type, size, alignment, spacing, even capitalization!)
Upgraded recipient experience
Easy on the eyes. Because good design shouldn't stop with document layout. Now it's simpler for readers to review & sign documents and their final, downloaded version is as impressive as the online version.
Plan details & pricing
We outlined the following package based on our discussion, including:
eSignatures
Unlimited documents
Unlimited workspaces.
Premium integrations
Approval workflows
Custom permissions
Tracking & analytics
Advanced reporting
Content locking
What our customers say
“PandaDoc streamlines the mundane, allowing all parties to experience the joy of closing.”
Name, Title, Company
“We were able to increase overall sales by 20% while reducing time spent doing busywork.”
Name, Title, Company
On average our customers report
12 hrs
per week
saved
65%
decrease in doc creation time
28%
increase in close rate.
18%
increase in average sale price
About Us
Use this section to give a quick overview of your company.
Ex: PandaDoc is a document automation software as a service with built-in electronic signatures, workflow management, a document builder, and CPQ functionality. Founded in 2013, we're headquartered in San Francisco, California with offices in the US, Europe, and Asia.
Tip: Our document analytics show that proposals with videos or pictures are 32% more likely to close.
Use videos to power up your proposals by including:
a personalized introduction
a quick overview of your proposal
specific product or service videos
product walkthroughs and tutorials
Agreed and accepted by:
[Sender company]
[Sender FirstName] [Sender LastName]
[Client company]
[Client FirstName] [Client LastName]