It should be easier to see dates of when a thought was recorded. But not sure where we should show that.

In some languages, words can be long. In some screens of the app, e.g. the introduction, the words get split at seemingly arbitrary letters. Languages can have their own hyphenation rules for long words and word wrapping.

Request for comments:

• Automated hyphenation? Do various languages have libraries that could provide this "for free" by using a dependency?
• Manual hyphenation? E.g. inserting soft hyphens into the translation files?
• Other solutions? E.g. decreasing font size to fit words better? (and accept it wouldn't be 100% perfect)
• Leave it as-is, consider it a minor cosmetic issue?

This effect is more prominent in smaller phone sizes where there's less real estate.

Hello!

I've found a typo under the Alternative Thought point in the second to last slide when the user initially goes through the steps of correcting the posed Automatic Thought. It reads:

"It's true I missed George's party, I can appologize, and he'll probably forgive me"

It should read:

"It's true I missed George's party, I can apologize, and he'll probably forgive me"

It would be nice if the app could be "protected" with TouchId or a password. This doesn't need to be the default, but could be enabled in the Settings.

I see the codebase is in react-native,

Can you share the reasoning behind not having an apk already?

I was wondering if you have any plans for allowing users to export the saved data in any way.

I see that the entries are only saved locally, so the options are:

• have an on-demand "Export option" (format TBD)
• have a sync / backup option where the data is stored in iCloud automatically, allowing the user to get the data from there if required (iCloud data should be human readable)

Any thoughts? I'd be happy to implement this and submit a PR if you can give me some directions.

Thanks!

The introduction gets cut off on iPhone 7

Overview

Something's wrong with the tests. I'm pretty sure it's something to do with *.json files, since the commit that introduced them into the codepath of the tests is where things start breaking.

 FAIL  src/sanitize.test.ts
  ● Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/en/configuration.html

    Details:

    /Users/evanconrad/dev/src/github.com/Flaque/quirk/node_modules/expo/build/environment/validate.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import {
                                                                                                    ^

    SyntaxError: Unexpected token {

      at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:471:17)
      at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:513:25)
      at Object.<anonymous> (node_modules/expo/build/Expo.js:278:1)

At the moment, this is blocking #42

Overall Available Tools

CBT features from a table in the paper "User Experience of Cognitive Behavioral Therapy Apps for Depression: An Analysis of App functionality".

We don't need to implement all of these, and in my opinion we shouldn't, but I'm keeping this here as an example of what the field is like.

Scope and single-purpose design

I would be really hesitant to suggest that "more features" are better here. From a product design perspective, more features can overwhelm a user, spread developer effort too thin, and eat up valuable UI real estate.

Plus, the more CBT and "general health" features we add, often the specific the app becomes. That makes it harder for folks with less common conditions to use the app.

For example, many CBT apps currently ask you to record your mood. While that is a CBT exercise, AFAIK it's not typically an exercise given to folks with panic attacks, OCD, or other non-depression conditions. So by adding it in, we're not just making the experience "better" for depressive users, we're making it worse for non-depressive users.

Often existing mental health app designers fall into a "captive market" hypothesis. They believe that in order to best treat their users, they must be the only mental health app. So rather than trying to do one thing really well, they try do to everything within the context of a single app. This ultimately leads to a poor user experience.

I hate writing in portraid mode, I can't in fact! It would be nice if quirk supported landscape mode.

Given that thoughts are quite sensitive, I think it might be worth telling folks during on-boarding that their data will never leave the device. Down the line it might even be a good idea to allow passcode protection of the list screen, but that’s just thinking out loud.

Overview

We can't delete items in Quirk. That should be possible by swiping over to the left like in other apps.

I can not take a screenshot of it soo let me explain.

Go to the "Cognitive Distortion"
Hold down and do not release any of the buttons.
The button gets greyed out. Like deactivated.
Now release the button. It activates and gets highlighted.

I think you should confirm the press itself by highlighting too.
I feel no confirmation from the app during the press.
It feels disconnected and not reassuring.

Confirm press itself. Yes user I got your choosing.
Highlight after release to mark it active.

Please add an iPad build.

And let me use the app in vertical and horizontal screen mode.

Thank you!

Overview

This thread is a place for rough screenshots of the current state of the app while it's in development, including which things need work.

Overview

The current list screen isn't a scrollview, but it should be.

Proof of dope stickers

Sideways because photos are hard.

How to get them

If you contributed to the project, I would love to mail you a sticker (along with a note of thanks!).

Specifically I'd like to call out these amazing people for their crazy awesome work:

• @devinroche (you're in SF so I'ma just hand them to you)
• @devilcius for the amazing Spanish translation
• @idnovic for the amazing German translation (and the iPad support!)
• @kwierbol for the amazing Polish translation
• @Walther for the amazing Finnish translation
• @Jos512 for the amazing Dutch translation
• @jinto for the amazing Korean translation
• @briankung for the Chinese localization, internationalization support and helping guide the entire translation effort. 🎉

Two ways to get them:

• If you're in the bay area, let me buy you coffee and I'll give you a sticker in person!
• If you're not, or just don't want to grab coffee, give me your address and I'll mail you one!

Send your address and preferred sticker-delivery-method to this email: [email protected]

Maybe it would be better if deleting thoughts would require confirmation or the usual swipe to delete button?

Overview

The input items in the cognitive distortion selector are crap, we should fix them.

Steps

• Give them a larger tappable area
• Give them an feather icon on the far right
• Maybe give it a light highlight on selected

Setting the text size (in Settings: Display & Brightness) to anything larger than the center of the scale causes artifacts in the introduction.

Overview

I don't have an Android phone. I'd love to make this app really great on Android, but I don't use it and can't as easily verify that it's as bug free and stable as the iOS version.

So I'm seeking someone who would be willing to take on an "Android Champion" role.

Using something like this: https://github.com/wenkesj/react-native-voice

While the README highlights the focus on privacy the resulting application sadly doesn't. I don't think it's intended so I hope that the report helps to start investigating the reasons for that and remove the tracks from the Code:

https://reports.exodus-privacy.eu.org/en/reports/69301/

The exodus report indicates that there are code signatures of 11 trackers/ad services involved. Important: It doesn't mean they are active, but that's something that should be investigated.

My idea where this comes from: Dependencies. Since I already mention I don't expect it to be intentional, there is likely that those trackers came as "side-loaded content" by one of the dependencies. Anyway, I think it's important to find and getting rid of them. Hope you get this fixed soon as the app is great! GPL 👍

Overview

Current inputs are ugly looking. That outline is kinda gross. But we still need contrast.

Steps

• Brainstorm better ideas
• ???
• Profit

Thanks for nice project. It'll be great for applying CBT's techniques in life.
Is there any plans about preparing localization and internationalization?
When it's ready, I can help translating string assets to Korean.

I wanted to run the app on my android phone but I just get a "Something went wrong" screen.

Error log shows:

Uncaught Error: Error while updating property 'borderRadius' of a view managed by: RTCView

Android Version 9
Device: OnePlus 5T

When the user creates a thought, then presses the "go back to screen" button, it doesn't preserve the thought they were just on which messes with the way screens normally work. Plus, if you "swipe" left it has the correct effect.

Can we fade in when we load? Some other apps appear to fade in. Am I crazy or is that actually happening?

It would be nice to be able to know what I was thinking about last week, or yesterday, that type of thing. Right now it only shows today, and doesn't recognize that some prior entries are not from today.

When you click on a list item, you go back to the creation screen with the items prefilled out. That makes it really easy to accidentally change or wipe something when you're just looking.

We should make it slightly harder to modify when you click on a list item. We can probably do that by having an entrance from the list view put the creation screen into an "view" mode and then having an edit button that the user needs to click on in order to be able to modify the inputs.

The titlebar is a white on white and that's bad.

Overview

In the mocks, we have an illustration in the empty space on the list view, but not in the app at the moment.

Mock

Current

Steps

• Figure out how React Native handles images
• Maybe create multiple sizes of the illustration
• Put the illustration in the empty space

Thank you for making such an app. I am very interested in trying it out! Looks very polished.

I wanted to share the link of the webpage (https://getquirk.app/), but it doesn't contain the link for the Android version, only the IPhone version.

Overview

The save button should look like the mocks, over to the side and blue.

Current

Mock

Steps

• Make button #546de5
• Move button over to the right

Overview

These are all the things that we need to do in order to publish. We're publishing first on iOS.

High Value Steps

These are required to publish for iOS.

• Determine price. Based on survey data, it should probably be $2 dollars. ($2 sounds good, lower the price if needed).
• Make a splash screen
• Create an Icon
• Configure bundle identifier
• Get a privacy policy

Low Value Steps

These we should do, but aren't required to publish for iOS.

• Make sure the app doesn't "break" on iPads
• Configure the status bar so we're not clashing
• Choose a PrimaryColor (Android)

Hi,
I’m a Korean programmer and had CBT before. I think it should be great if you support other languages.

I translated ‘groovy programming language’ into korean and contributed translation of ‘django girls’.

Do you have plan for internalization?

Why link to https://en.wikipedia.org/wiki/Cognitive_behavioral_therapy#Declining_effectiveness instead of the article without the anchor? (And very strange anchor to choose). I'm guessing that was just a copy/paste human error.

Problem

The sentence structure of some languages ​​(subject-object-predicate order) may be different.

Examples:

Introduction screen

Screenshot

English: "Welcome to quirk, the Cognitive Behavioral Therapy (CBT) App."
When translate this to Turkish, sentence structure is changing like this:
"Bilişsel Davranışçı Terapi (BDT) uygulaması quirk 'e hoş geldiniz!"
If we look at word by word:

• "Bilişsel Davranışçı Terapi (BDT)" -> "Cognitive Behavioral Therapy (CBT)"
• "uygulaması" -> "app"
• " 'e " -> "to"
• "hoş geldiniz" -> "Welcome"

I tried this for add this Turkish sentence:

"intro": {
  "line1":"",
  "emphasis1": "Bilişsel Davranışçı Terapi (BDT)",
  "line2":" uygulaması",
  "emphasis2": "quirk",
  "line3": "'e hoş geldiniz!"
},

but as you can see there is a little space before the word ("Bilişsel").

YourThoughtsArentYourThoughts screen

Screenshot

English: "Second: your thoughts can be automatic"
Turkish: "İkinci olarak: düşünceleriniz otomatikleşmiş olabilir"
Word by word:

• "İkinci olarak" -> "Second"
• "düşünceleriniz" -> "your thoughts"
• "otomatikleşmiş" -> "automatic"
• "olabilir" -> "can be"

I tried this:

"thoughts_arent_thoughts": {
  "line1": "İkinci olarak: düşünceleriniz",
  "emphasis1": "otomatikleşmiş",
  "line2": "olabilir."
},

but as you can see, there are missing word ("olabilir") on the screen.

Therefore, we need to be able to change the line order (including adding new lines).

Solution Suggestion

Such a structure came to my mind:

"intro": {
	"1": { "type": "emphasis", "text": "Bilişsel Davranışçı Terapi (BDT)" },
	"2": { "type": "line", "text": "uygulaması" },
	"3": { "type": "emphasis", "text": "quirk" },
	"4": { "type": "line", "text": " 'e hoş geldiniz!" }
},

Pseudo code:

var intro = {
	"1": { "type": "emphasis", "text": "Bilişsel Davranışçı Terapi (BDT)" },
	"2": { "type": "line", "text": "uygulaması" },
	"3": { "type": "emphasis", "text": "quirk" },
	"4": { "type": "line", "text": " 'e hoş geldiniz!" }
}

for (var line in intro) {
  var properties=intro[line];
  if (properties.type == "emphasis") {
    console.log("<Exaggerated>"+properties.text+"</Exaggerated>")
  } else {
    console.log(properties.text);
  }
}

Output:

"<Exaggerated>Bilişsel Davranışçı Terapi (BDT)</Exaggerated>"
"uygulaması"
"<Exaggerated>quirk</Exaggerated>"
" 'e hoş geldiniz!"

But I don't know how to implement this solution in React (I'm not React Developer) and I'm not sure this is a good solution. What you think about this solution? Or do you have any other suggestions?

Thanks for this amazing app. I would be happy to help contribute.

We just go straight from #2 to #4

This site can’t provide a secure connection getquirk.app sent an invalid response.
Try running Windows Network Diagnostics.
ERR_SSL_PROTOCOL_ERROR

First off, let me say thank you for creating and open-sourcing such an app. You're awesome!

Have you thought about publishing the app on F-Droid?

It would be awesome if there was a dark theme.

Unfortunately, the emoji displayed next to the Other-Blaming Cognitive Distortion is not visible on Android.

Android 8.0.0, Huawei P10 lite (EMUI version 8.0.0)

I was reading the readme, and the design part mentions Qurik instead of Quirk.

That's pretty annoying.

The UI file has a lot of tech debt :/

• Convert them to typescript instead of proptypes
• Whenever possible, make style a prop that you can pass in.