I’m working on a writing app and the goal is to get people writing quickly without worrying about length, so the initial text box is small and unintimidating, but I’d like it to grow and change a bit when it becomes clear that the user is writing a lot.
I’d like to auto-save the text once a user gets to a certain word count (or character if words isn’t possible) and then keep saving either based on words or time. What I can’t figure out is how to have this be seamless so I save the user’s content (create a new thing - POST) and then continually update the thing (Post) as they keep typing.
Here’s the desired flow:
- User begins typing in text box;
- At 50 words or 300 characters a user’s work is auto-saved and new Post created with their text in “Content” field;
- Now as user types, they are updating an existing Thing “Post”;
- Changes are made to the Thing “Post” in “Content” field as they type by saving a new version every 60 seconds;
At this point, I don’t care about version control and saving past versions. I just want to make sure their work isn’t lost if their browser crashes or something.
Thanks for ideas of how best to do this and make sure it’s seamless for user.