OCDetour is an app to help delay compulsions for people with OCD. Leveraging research published in the journal of Behavioral Analysis, OCDetour utilizes the concept of delay discounting. By delaying a compulsion, the perceived reward value of completing the compulsion decreases. With OCDetour, the user can select from a list of Detours -- activities that encourage the user to do something else for a set amount of time -- and delay compulsions.

This application uses the following technologies:

React Library Mongoose for data housing. Apollo/GraphQL for remote data management. JWT for authentication and security. Tailwind CSS with DaisyUI for design.

• OCDetour
  • Description
• Table of Contents
  • Links
  • Preview -Login Page -Create Activity Page -Activity Page -Site Map
  • Installation & Dependencies
  • Development Team -Tina Croxton -Victoria McNorrill -John Kersey -Nick Johnson
  • License
  • Node Dependencies
  • Disclaimer
  • Resources Used
    • Create React App
  • Badges
    • Cloud Service
    • Database
    • Frameworks and Libraries
    • Integrated Development Environments (IDE)
    • Languages
    • Linter
    • Team Communication
    • Version Control

Deployed Application

Made with Milanote.

1. Install with npm run install.
2. Seed the server with cd server, npm run seed, then cd ..
3. Run client and server with npm run develop.

Database Administrator, API Developer

GitHub Profile

UI/UX Designer, Front-End Developer

Github Profile

Authentication Engineer

Github Profile

UI/UX Designer, Front-End Developer

Github Profile

MIT This project is licensed under MIT.

• Click here to view the license documentation.

Click links to read the documentation for each dependency:

• @apollo/client
• bcrypt
• express
• graphql
• GraphQL-scalars
• jsonwebtoken
• mongoose
• react

OCDetour is an app designed to provide support and information for individuals dealing with obsessive-compulsive disorder (OCD). However, OCDetour is not intended to replace professional medical advice, diagnosis, or treatment. The content provided in this app is for informational purposes only and should not be considered a substitute for professional medical guidance.

You can learn more about React in the Create React App documentation.

FontAwesome icons