It’s called Lolita because that’s the song I was listening to at the time, and it’s also my favorite book. Don’t make it weird.

This application is designed to pull interesting stats from your writing.  It requires Quip.

I am very fond of @Quip, which released their API while I was at @RailsConf Chicago.  If you don’t know what Quip is, it’s essentially a word processor, but better.  I use it for sharing design mocks with my teams, running a dog training company, sharing grocery lists, and my favorite past time, writing.  I write to myself, and I have a group folder where I collaborate with friends on stories.  It’s fun, if that’s your jam.

I started building at the conference, thinking, Quip is cool but you know what would be really cool?  Global word count.  Document counts.  Most popular adjective.  So, that’s what I’m building – an application that lets me check out some cool stats of my Quip projects.  (Step one: build Ruby API, check.  Step two: something, something, react.js???)

I’m really only building this for me, but you can fork it if you like!

This is the basic UI breakdown.

Writers_Timeline

The first thing you’ll notice if you’re a Quip user is the very “Quippy” timeline, a UI element borrowed directly from the application.  I wanted my app to be at least somewhat familiar.  The timeline shows updates as they are pushed, just like Quip.  Below, is a status bar, which (I think) is very Twitter-esque.  It gives an at-a-glance look at your overall stats.

You’re going to want to ignore that filler text.

Writers_Timeline_1

Up top, you have a book jacket carousel, which you can click to check out the stats on your different projects.  The first and last projects are owned by me (@jacamat) but maybe my friend, @delvec is sharing her story with me in a group folder, I can click and view stats on her story the same way I could mine — including my own contributions, if any.

I only did the art for the first book jacket (“Gypsy”) and the last one shows what a blank cover would look like.  Gray with text.  Also I’m not sure where I’m pulling images from yet, probably a drag-and-drop upload for now.  Suboptimal, but I’ll deal with it when I know more.

Writers_Timeline_2

Then, of course, you have the main content area where all of your books stats are displayed.  I would like to expand this content area to show graphs and more visual diagrams later, but for now the space only accommodates a brief description, and some stats about your word count, which Quip’s API currently supports…more or less.

Writers_Timeline_3

 

The colour palette was borrowed from Quip, sans the salmon pink color, which is a color I use on my blog and portfolio, because it’s pretty.

Here is a “Quip-Blue” style.

Writers_Timeline_Incurable

The user is not logged in.  This is my default salmon pink.  Instead of your Quip email I’ll probably just have you input your secret token, with directions on how to get it.  Might be able to make that process prettier later.

Writers_Timeline_BlankThis application is a work in progress.

 

View the Unofficial Quip Ruby API on Github.

View the public Lolita repo on Github.

 

 Built with: Ruby on Rails, React.js, Flexbox.