HelloDocStream

HelloDocStream = Get_Best_feature_from(Google docs, protectedtext.com, codeshare.io) + Manageyour document with HelloSign

Comment

Inspiration

We got Inspiration from:

  1. Google docs: Collaborating with other to create/edit documents easily
  2. protectedtext.com: Having url like (protectedText.com/anything) and Encrypt all your notes, access anywhere.
  3. Codeshare.io: Share Code in Real-time and having url like (https://codeshare.io/anything)

What it does

HelloDocStream is a real-time multi-user document editor. Multiple users can access a specific document concurrently while maintaining its data integrity and information security. It is a downsized version of the more popular “Google Docs” with all of its functionality and with an additional focus towards easy and fast but secure access to documents by their respective user.

Homepage has 2 options:

  1. Quick share: link will be open to edit for everyone
  2. Permanent Site: i. This site will be available all the time ii. This comes with an authentication mechanism that allows only authorized users to collaborate. iii. The link wont be open to edit to everyone

HelloSign integration

When user has generated a document, they get 2 options:

  1. Send the document for signature: Here the user has to enter the details of the signers (Name and email), Title, Body, Message. and the document will be converted to pdf and sent to API. Using: Send Signature Request API.

  2. See a list of all SignatureRequests where user can see status and download document. Using: List Signature Requests

How we built it

React is used for front-end which connected to 2 backend server:

  1. DocStream server: This server uses socket.io for all real-time changes in the document and stores encrypted form in mongoDB.
  2. HelloSignServer: This server host all the api for the react app to connect to the HelloSign API.

Challenges we ran into

  1. The biggest challenge was real-time update of the text editor's content and using of socket.io for the same.
  2. Generation of pdf from the quill editor as we were using react, it was really difficult to get all content in proper form in pdf format. and windows.print() would save the pdf in user's computer. So, we used html2cavas and sent the base64 value to HelloSignServer where the pdf is generated and sent to Send Signature Request API.

Accomplishments that we're proud of

Both quick share and permanent site working with real-time changes and integration with HelloSign API is a really great achievement for us

Benefits

  1. Zero time for registration
  2. No need for name email for registration thus there is no way we can breach your privacy
  3. We dont even send your password to our server, ensuring no one can access your documents.
  4. Autosave documents, real-time updates, allow teams to collaborate

What's next for HelloDocStream

  1. Switch switch between Light and Dark modes.
  2. Integrating more HelloSign's API to make it a full market ready for professional use

Built With

Share this project:

Updates