/doc2pen

An open source project aimed at making your student life easier!

Primary LanguageJavaScriptCreative Commons Zero v1.0 UniversalCC0-1.0

Doc2Pen

Are you a student who is tired of having to write out assignments on paper, draw sketches by hand, scan each page, convert it all to a PDF, and finally submit? 😩

Does it seem too much of a hassle in this age of online education? 😫

If your answer is yes, then you've come to the right place! πŸ˜ƒ

Doc2Pen is the 1 stop shop for getting all your "handmade" assignments ready for submission digitally. πŸ₯³

  • Use the highly customisable Editor page to type in text and get a handwritten document! πŸ“
  • Use the Sketch page to digitally draw in a handmade style! 🎨
  • And in the end, use the Media Manip page to convert your assignment into the appropriate format for submission! πŸ“š

It really is that easy! 🎊

And the best part of all? Doc2Pen is open source! 🀩

Issues Pull Requests Forks Stars License  

DEMO

Home Page

Editor Page

Sketch Page

Media Manip Page

Features:

  • Type/Paste your assignments and get handwritten ones to download directly! Bye-Bye Pen&Paper
  • Make Sketches/Diagrams/Figures for your assignments/presentations
  • Media Manager
    • PDF Spliter
    • PDF Merger
    • PNG to JPG
    • JPG to PNG
    • PNG to WEBP
    • WEBP to PNG
    • JPG to WEBP
    • WEBP to PNG
    • JIFF to PNG
    • JIFF to JPG
    • PNG(multiple) to PDF

Basic structure of the project repository πŸ—ƒοΈπŸ“‚

|
|- readme_assets   # Contains all the images used for the README.MD
|- public          # Contains the stylesheets, images and fonts. Any files within this directory will not be processed by Webpack but copied directly to the build folder.
|- src:            # Contains all source code for the React application.
    |
    |- App.js
    |- index.css
    |- index.js
    |-assets         # Contains all the community brand assets
    |-components     # Contains all the components used within the app.
    |-fonts          # Contains all the fonts
    |-pages          # Contains all the sections of the page.
          |- 404
          |- Home
          |- Editor
          |- Sketch
    |-seo # Contains code for meta tags using react-helmet

Tech Stack: πŸ’»

React HTML5 React

Under the hood:

Wish to fix a bug or add a new feature?contributions welcomeπŸ€πŸ½πŸ€:

Please check out our contribution guidelines

The geeksπŸ€“ behind this initiative:

Our Project MaintainersπŸ‘¨β€πŸ«:

   

Smaranjit Ghose              Anush Bhatia

Our valuable ContributorsπŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Open Source Programs we have been associated with:

Code of Conduct

License

Made with β™₯ for the students of the world!