Todo lists are a helpful way of organizing the tasks that you need and/or want to do, but for people with ADHD/ADD, it can often be very difficult to actually find the motivation to check an item off that list. When the list gets too long, it can feel especially overwhelming.
One of the most effective means of self-motivation I've discovered is regular self-affirmations. By lifting your spirits, it's much easier to move that energy and apply it to something totally unrelated—like Newton's law of emotion or something.
This project is a webapp that requires you to say something nice about yourself every time you want to add a new item to your todo list. Rather than view all of your todos at once in a daunting list, the todo viewer picks a random one to show you, but also picks a random affirmation to display right beneath it. This way the user experience is more focused and kinder than a standard to do list 💚
- Go to one.b7s9.com
- Save to home screen (available in "share" menu on ios)
- Open the app
- Turn off wifi & cellular (if this breaks the experience, you may turn internet back on)
- Complete testing criteria
- Go to one.b7s9.com
- Turn off wifi & ethernet (if this breaks the experience, you may turn internet back on)
- Complete testing criteria
- Add 3 or more entries
- Refresh viewer until you have seen all entries
- Complete a todo item
Complete Usability Test questionnaire Alpha usability testing is complete. Submissions closed until Beta is ready for testing. You can read my analysis of the Alpha test on my blog
Progressive Web Apps must be served over https, so you will need to serve the project on localhost, as opposed to just opening index.html
in your browser. I've been developing the project with the included an npm package, but you can skip the npm install and use your own localhost server e.g. MAMP if you're feeling rebellious. Note: in the Beta, I'll likely be adding webpack and other npm packages, so i'd recommend the npm install.
git clone https://github.com/b7s9/one-thing-to-do.git
cd one-thing-to-do
npm install
npm start
if you haven't already done so, install node/npm LTS
- clone this project locally
- switch into this project's directory
- install this project's dependencies
- start the development server, available on http://localhost:8080