![think-write](https://private-user-images.githubusercontent.com/124001846/261816885-6d80f41e-0b00-494d-9d5f-ba3ff6aa435f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE2ODg1LTZkODBmNDFlLTBiMDAtNDk0ZC05ZDVmLWJhM2ZmNmFhNDM1Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMmZkNjNhZjk2Zjc1YzRkMDIxNDRlZWZkYjk5MmI1NTI4MTcwNzU2ZGVlYWJhZmVjOTczNWI0OWVmOWY3MDI3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.XoLWl4gxftblOu0dHs6JIbvZ0t0IAuunHj_aRpvPViU)
An app for people who want to be more mindful of their writing practice. Drawing from personal experience, philosophy, and advice from some of Jordan's favourite authors, this app aims to give you the tools to help stay on task and form a healthy relationship with the writing craft.
Think-Write was designed using:
- React
- Typescript
- Tailwind CSS
Thinking-Write is easy. Think of something you want to write.Anything. That something is now your first project. Now take that project and run or watch the video belwo to learn more. If you'd rather read, keep scrolling.
think-write.mp4
The first step is to head over to the "projects section" and click the big green button labeled "New Project".
![Screenshot 2023-08-18 at 10 20 41 AM](https://private-user-images.githubusercontent.com/124001846/261817816-99101fe9-00b0-4749-942f-0303b9b5a24d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE3ODE2LTk5MTAxZmU5LTAwYjAtNDc0OS05NDJmLTAzMDNiOWI1YTI0ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ODUwNDJiNjQ4NTc1MDA1ZjY5YzkwMGJiYzcxMGZhMGJjZmM4Y2ZjYmFlYjNhNmEyMTZiYzNlYTIyN2ZjYzdiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.CIOYUBQkse_IlM3ALvCskPPBZ0YlqDdx-UDYAeVGLFs)
Congratulations! You've started your first session! Once you're in, give your project a title, then pick a goal for your session. This goal could be a number of words, minutes, or hours. You may also select "no goal". It's up to you. If you've set up a goal for yourself, it will be tracked in a progress bar beneath the text editor.
![Screenshot 2023-08-18 at 10 41 06 AM](https://private-user-images.githubusercontent.com/124001846/261817843-7b3cbe77-6c3b-40c9-9ea0-b55147443c31.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE3ODQzLTdiM2NiZTc3LTZjM2ItNDBjOS05ZWEwLWI1NTE0NzQ0M2MzMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zNGY3MGMxMTcxMWRlYjI3ZTBlOTY3NDgxOTkxMThhNjEzM2ZmYzc2YmI2YjI2ZGEwM2Y2ZjA4ZTYyMjVlOGM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.l4bzW9iBCbjj-hTxb8aHSkskqh_EjC3oh3GeAx_pOsY)
Ok so we've got a title and a goal set. Awesome! Before you start writing, have a peek at the icons beneath the lower right hand corner of the editor. This where your toolbox lives. In its current state, the toolbox features a pomodoro timer, a lock button, and a project settings button. The projects settings button, pictured below, just opens your title/goal dialog so you can make changes if needed.
![settings-circled](https://private-user-images.githubusercontent.com/124001846/261817853-2b68c338-34b9-4e74-8d21-2662671a2e76.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE3ODUzLTJiNjhjMzM4LTM0YjktNGU3NC04ZDIxLTI2NjI2NzFhMmU3Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yZWRiODViYjA3ZTk2MjcwNjBhNTMzZmE1NDdlZDU4Njc2MDkxMzJiZDRiMThhZWFhYWM4YzVlZmJiZGNhNjJhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.kZbf9G3sFSfUSctEL9pd4BXovK7X45UBnpt8OTtyTkA)
Think-Write comes with one big caveat: in its current state, all data will live in your browser. Feel free to use it, but if you clear you browser your data will be lost. Please bare this in mind. It is very important to maintain your browser's local storage or save your text elsewhere if you cannot do this.
![clock-circled](https://private-user-images.githubusercontent.com/124001846/261817265-8382f7af-0953-4b47-9e8f-dc6363c0250a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE3MjY1LTgzODJmN2FmLTA5NTMtNGI0Ny05ZThmLWRjNjM2M2MwMjUwYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZGUxYjNiYWE2YzM3MTZkYTY3NWM4OGNkNDU4OWFkMGE3MDVhZDJmZTA5ZDczNTBlZTk2MTIxYTcxOTIzMGE1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.PobHp2YynkL17qlVQmRFVzQWqQ3BXBLJogkq2r1r99c)
If you haven't heard of the pomodoro method, that's ok. Basically it's a rotiational timer that gives you a clock to work against. It was featured here because Jordan, the app's creator, is a big ADHD brain and this is something that helps him focus. It's a proven method and it works!
Clicking the pomodoro button will display two settings: 20/5 and 40/10. These numbers refer to set "work periods" and "break periods". The longer number (eg. 20, 40) is the length of time in minutes that you will work. When the time is up, the pomodoro will beep at you, signifying that it is break time. Break time lasts for the shorter number of minutes (eg. 5/10), and will beep again to signify the start of another work period. This lasts for 4 rotations at which point you may start the cycle over or finish your session! It should also be noted that once the timer is set, clicking the clock a second time or leaving the page will cancel the function.
![lock-circled](https://private-user-images.githubusercontent.com/124001846/261817605-826c1149-aca7-4487-b6be-031e09049bfb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE3NjA1LTgyNmMxMTQ5LWFjYTctNDQ4Ny1iNmJlLTAzMWUwOTA0OWJmYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zZTk3NWZhMGVhODA4NjIwNmRmYjVkMjNjNmVmNjIxODRlN2U2Yjg2N2JhN2EyMzQ1YTdiNzFhZjY3NmQ3ODY1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.bSl2mqfBJnuIhy-o6DbTFWKvJGDOnAstMasSIOCqBxs)
Before you click this little guy, it's best you go back to finishing up your session first. When you're ready to commit to locking away your fresh and almost certainly-- no matter what your sweet, innocent brain is telling you-- fantastic piece of writing, click this bad-boy. A dialog will pop up. Select a future date. This will determine how long your session will be locked up. Our recommendation is a minimum of 12 weeks, but you can pick any date. Or if you just want to clear your editor you can click on today's date to save the session in an unlocked state. Whatever choice you make, heed the warning: Once your session is locked it cannot be accessed until the lock date has passed. It's ok though. Have you ever forgotten, for months or years, about a piece of writing and returned to it with a set of fresh eyes? It's absolute bliss! Go ahead. Trust in the process. Close your eyes and click "submit!"
![Screenshot 2023-08-19 at 5 32 05 PM](https://private-user-images.githubusercontent.com/124001846/261817694-b42ab85a-1382-408b-bf19-133fa7ccb032.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzQ3NTgsIm5iZiI6MTcyNTk3NDQ1OCwicGF0aCI6Ii8xMjQwMDE4NDYvMjYxODE3Njk0LWI0MmFiODVhLTEzODItNDA4Yi1iZjE5LTEzM2ZhN2NjYjAzMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQxMzIwNThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wM2ZiOWY1OTYyOWJlYmI2ZmY3OTRiNDUwYTBkYTI5MWRhZTRmYmQ1YjZkZTAwNjJhOTBkYWJiOTIxMjUzM2JiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jgQYuQPgmxcxcrMavusze9Pe9AGQZ_6HBBmPavkfb1E)
Now that we're back out on the projects page, you will see your project on display. Isn't it beautiful? Brings a tear to the old eye. On the right, you'll see the typical edit and delete buttons. Take a guess what they do. While you're doing that, I'm gonna go grab some water.
Seriously I just had a drink of nice, cold water. You probably should too now that we're on topic. OH MY GOD, I SHOULD PUT A HYDRATION REMINDER IN HERE.
Anyway, click on the edit button and check out the new state of your project. Up top there's a dropdown that holds all your past sessions. Each one is housed in its own dropdown and can be read, or edited, individually. Keep an eye out for those unlock dates if you're taking advantage of that feature!
That's it! You've got the tools. You're ready to put your skills to the test. Now get out there and write some kickass stories!