Coder Social home page Coder Social logo

fiction-tools's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

fiction-tools's Issues

Add wavemaker.cards and 4thewords.com

Hi!

I've enjoyed using https://wavemaker.cards in the past, and https://4thewords.com has helped to make writing routine. Both would be under writing tools/word processors, although Wavemaker has other tools as well (like cards and mindmaps).

Wavemaker is a free PWA that has an optional Google Drive sync (otherwise the content is saved in the browser database, so regular backups are advised).

4thewords is a gamified writing and publishing platform with a subscription model and a free trial.

Paypal badge

A lot of people have requested a flag for which sites support Paypal payments, so this would probably be worth adding to each site's badge list.

Freeplane mind mapping

Freeplane is a piece of mind mapping software. Open source and does its job fantastically.

Could it be added to the mind mapping tools?

Warning: findDOMNode is deprecated in StrictMode.

Bug: The first time you hover over any element on the page that contains a tooltip with the Zoom transition, the browser console shows the following error:

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
    at div
    at Transition (https://localhost:3000/static/js/0.chunk.js:67610:30)
    at Zoom (https://localhost:3000/static/js/0.chunk.js:9111:24)
    at div
    at Portal (https://localhost:3000/static/js/0.chunk.js:6135:24)
    at Popper (https://localhost:3000/static/js/0.chunk.js:5814:24)
    at Tooltip (https://localhost:3000/static/js/0.chunk.js:8032:28)
    at WithStyles(ForwardRef(Tooltip)) (https://localhost:3000/static/js/0.chunk.js:13092:31)
    at span
    at div
    at div
    at BadgeHighlighter (https://localhost:3000/static/js/main.chunk.js:730:5)
    at div
    at Grid (https://localhost:3000/static/js/0.chunk.js:3372:35)
    at WithStyles(ForwardRef(Grid)) (https://localhost:3000/static/js/0.chunk.js:13092:31)
    at div
    at Container (https://localhost:3000/static/js/0.chunk.js:2301:23)
    at WithStyles(ForwardRef(Container)) (https://localhost:3000/static/js/0.chunk.js:13092:31)
    at App (https://localhost:3000/static/js/main.chunk.js:279:5)

We're specifying the Zoom transition as the Material-UI docs recommend. According to this StackOverflow question, it looks like a Material-UI problem; however, I'm still new to React so I don't understand how to incorporate the solutions.

It'd be nice to resolve this issue without removing StrictMode. Material-UI will eventually fix it in a future release, but it'd also be nice to have a solution in place in the meantime.

Table of Contents looks bad on mobile devices / small screens

We're using the horizontal Stepper from Material-UI for our table of contents, which looks great on larger screens but isn't responsive.

For example,
2020-12-28-145608_476x395_scrot

The TableOfContents component has a renderRetro() method we could use to render a plaintext table of contents, but I'm not sure how to switch which method gets rendered based on screen size / device type at page load. We could probably also use CSS and media queries to style the stepper-style table of contents to look better on mobile devices.

I'm open to any good solution that 1) doesn't change the table of contents (much?) on large screens, and 2) makes it look better on small screens.

Tooltips are unusable on mobile

I like the aesthetic of using icons and tooltips to indicate various features on each tool, but they're basically unusable on mobile devices. It looks like you can technically long-press to show the tooltip, but it results in a bad user experience (appears under your thumb in the BadgeHighlighter component, and produces an extra browser popup on ToolCard components since they're also a link).

It'd be nice if, on mobile, we could show labels next to each icon. Since each tool stretches 100% width, we could have each tool badge on a new line with the label next to it. With the BadgeHighlighter component, it'd be nice to have something similar, where labels are displayed next to icons (and are also clickable) without cluttering up the whole screen too much.

add novelWriter to writing tools

NovelWriter is not in the list of writing tools.

It's a markdown writing tool, which has some features similar to scrivener (notably the tree-view on the right, which it calls project-view), but also a tag system, which allows the user to interconnect various texts. The tags are then used in the outline view.

It's open source and runs on Windows, MacOS, and Linux. The author is quite meticulous about the software being stable and performant.

Linkable highlight/filter settings

Right now, highlighting/filtering tools works great for a single session, but it would be great if it changed the URL to make the filtered display linkable to others (for example, linking just downloadable apps to someone else).

To do this, we'd need to:

  • Manipulate the page URL whenever a filter is toggled on/off
  • Toggle filters on/off based on URL params whenever the page loads

Remove StoryWars

Apparently they've shut down. RIP.

We should remove them from the list.

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.