Creating a collaboration platform for the US scientific community — Dropcite
- PM
- Full Stack Devs x3
- QA expert
- React (context API, hooks API)
- Redux
- Redux-thunk
- Reselect
- CSS modules
- Socket.io-client
- Pdf.js
- Node.js
- Express
- MongoDB
- Socket.io
Tech Challenges
-
Implementation of PDF-based reviews and comment navigation
AlephOne team uses PDF.js to render PDF files as HTML to let users read and select the text. Over the library, we have implemented some annotating functionality. It makes users able to select a text and leave a comment exactly to the selected text. We save positions of the commented text to show other users the highlights and comments for them.
Users can click on comments to see the commenting text, the page will scroll down to the related content text and the text will be highlighted. Also, it works backward – if a user clicks on the content text we show related comments.
Solution
PDF drag and drop feature
AlephOne team uses PDF.js to render PDF files as HTML to let users read and select the text. Over the library, we have implemented some annotating functionality. It makes users able to select a text and leave a comment exactly to the selected text. We save positions of the commented text to show other users the highlights and comments for them.
Users can click on comments to see the commenting text, the page will scroll down to the related content text and the text will be highlighted. Also, it works backward – if a user clicks on the content text we show related comments.
Delivery
For the MVP stage we implemented
- custom interactive Dropcite platform
- a tool for parsing academic articles and researches from two sources: www.biorxiv.org, www.medrxiv.org, and converting them into HTML format after loading on Dropcite web platform
- user accounts and integrated login options
- features for commenting and discussions, including quoting, hashtags, kudos
- article recommendation system based on subjects of interest
- in-built search engine
- PDF drag and drop feature.
Next steps in Dropcite product development
- Adding the ability for users to comment exactly to the selected text
- Creating virtual space and functionality for article reviewing during a teamwork process
- Advancing platform’s search engine algorithms and filter system; Creating private journal community paid membership.