You are browsing as a guest. Sign up (or log in) to start making projects!

OpenSeal: Sign Documents Online

By @prthm

  • 19 Devlogs
  • 12 Total hours

Sign Documents online with OpenSeal. It's made completely on FastAPI (Python) and Vanilla HTML. Which makes it easier to tweak by yourself ;) Consider it as an Open-Sourced alternative to DocuSign.

Source
Ship #1

@prthm on OpenSeal: Sign Documents Online

I made…

An online document signing platform with a really simple process.

If anyone knew about DocuSign. It’s a bit more hassle to deal while you just need a PDF to be signed.

So, I developed OpenSeal : a really simple online document signing platform where you can get work done in an easy flow.

The most difficult part was..

to find bugs. and mostly, the reason was typos like rounded-zl instead of rounded-xl in tailwind CSS.
To be honest.
A bit more challenging part you can consider to make the Signature box to place on the right and intended place on the document. Because PDF rendering and Sign box coordinates weren’t matching at all at first.

I’m proud of..

a really really simple flow of uploading a document to signing it. It just feels like the most usefull thing.
Because how can you take the sign of your parent’s if you’re in another city / state or country maybe? How can you ask your client to sign the deal in a foreign country?

I’m really glad that I was able to work on such solution.

A bit note before you test it :

It’s just a simple working application in FastAPI (python)
I just deployed it from the nest.
You won’t be able to see any signup page because this is not a startup, it’s an MVP model that I’ve deployed it because you can check it’s really simple flow.
You can download it on your own. Github’s right here. And deploy it one own servers with your own tweaks.

AI used?

  • Yeah. Now-a-days this is the most concerning thing if creativity is genuine or not.
    I only took the help of AI in Error detection like typos, mis-arranged logic codes, and to draft the commit messages.
    As the VSCode’s git / version control allows to draft commit messages using AI. I took help in this project to also test how good they are. Andd they are very well..

How can you use it?

Just go to openseal.prthm.xyz

or download it from Github
the download instructions are in the README.md

How to test it?

  • You openup the webapp.
  • You create a New Request.
  • You upload your PDF that needs to be signed (in this case, only a dummy pdf) (because there aren’t auth rn)
  • You place the signature box where you want the signer to sign.
  • You click Generate Signature Link.
  • It’ll be copied to your clipboard.
  • Fire up another tab, and paste the link.
  • Click Click to Sign . Sign the canvas and hit apply.
    Voilaa.. It’s signed.

A little note:

  • Only upload your non-important / dummy pdf while testing.
  • Only the signer’s view (/sign) is mobile optimized. So, try to use desktop.
  • this is the working MVP of the product.
  • 19 devlogs
  • 12h
Try project → See source code →
Open comments for this post

@prthm on OpenSeal: Sign Documents Online

18m 46s logged

As it completed. I went to slack channels to get feedback and the one and only feedback I got is that I cannot ship with onrender.com.

So, I found out hackclub’s nest.

Since I bought domain from namecheap. I configured the nameservers to manage it from cloudflare. and then deployed the web app from nest.

Here’s it’s URL : openseal.prthm.xyz

0
0
6
Open comments for this post

@prthm on OpenSeal: Sign Documents Online

1h 36m 37s logged

Finally completed the /sign UI UX. :finally:
:loll: There were that many typos that it took me half an hour to just find and solve them.
I was trying to implement that Blue-Yellow-Green minimal theme but ended up maximizing it.
I’ll try to keep it minimal. But yoo.. It atleast works for now.

0
0
7
Open comments for this post

@prthm on OpenSeal: Sign Documents Online

36m 58s logged

Stripped down the prototype. :scissers:
Because prototype was containing stamping and signing the document on a single page.
So, crafted the /admin . where you can setup the signature stamp and send the link to the signer.

0
0
3

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…