Originally created with Create React App.
- Front page lists already created comics + "add comic" button
- Clicking "add comic" creates a new comic and launches edit mode
- Add comic title
- Add description
- Select language
- Useful for "lang" attribute
- Select emoji flag?
- Country !== language, but makes for prettier UI
- Decouple from language selection at least so you can select
lang="fr"
and the Canadian flag for a French-Canadian comic
- Reading mode lets you read bubble by bubble to make it usable on a mobile
- Swipe to next/previous bubble, plus buttons to change page/panel/button manually
- Clicking a bubble shows you the translated version of the bubble
- Clicking word shows translation from Google Translate (if they have an API...)
- Selecting words shows translation from Google Translate (if they have an API...)
- Translating bubble, sentence, words, word must be usable/intuitive
- Clicking an existing comic opens reading mode by default, with a way to toggle edit mode
- This opens the current bubble in edit mode
- Start with page 1, panel 1, bubble 1
- Edit mode is bubble based
- Creating a new panel automatically creates a new bubble
- Creating a new page automatically creates a new panel and bubble
- Type in text in original language
- Note: Make sure to use "lang" attribute to aid OS/browser spellchecker
- Optionally type in translated text
- Click a button to import Google Translate
- Shortcut friendly interface
- Shortcuts for navigating between pages, panels, bubbles
- Shortcuts for adding a new page, panel, and bubble
- Shortcuts for moving bubbles "up" or "down"
- Some form of account creation + log in
- Passport.js?
- Facebook, Google+, Twitter?
- Email?
- REST API
- Which database?
- Google App Engine
- Node.js?