Git Product home page Git Product logo

dayone-js-html's Introduction

DayOne -> HTML (-> PDF)

dayone-app

Use it

You can clone this repository or use the app here.

About

I created this as a means of getting a Day One journal printed to a physical book. DayOne has a built in export feature but it wasn't exactly styled how I wanted (i.e. a photobook).

This HTML/JavaScript app will render your Day One entries and photos into a page that you can then print to PDF (PDF printing is built-in on Mac, 3rd party options are available for Windows).

Once you have a PDF you can use one of the many available services online for printing it to a nice photobook. I happen to use Blurb.

Issues / Feature Requests

If you have any feature requests, create issues in GitHub or contact me on Twitter.

Customization Instructions

If you want to run this yourself, just clone this repository and make your adjustments to the JavaScript, HTML, and CSS as necessary. I've purposefully limited info, but there's nothing to stop you from also pulling in and displaying geo, weather, etc.

This app requires Node.js. Install Node.js then run the following commands:

  1. npm install webpack webpack-dev-server -g
  2. npm install
  3. webpack
  4. webpack-dev-server
  5. Open http://localhost:8080 in Google Chrome

This should be all you need to run it as-is. If you're wanting to make changes to the scripts, see the React.js Getting Started Guide.

Example PDF Screenshot

This is an example where I printed two pages on one page using the print preferences on a mac.

pdf-example

dayone-js-html's People

Contributors

donnierayjones avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.