GithubHelp home page GithubHelp logo

my-quality-world's Introduction

This is a proof of concept idea for a Quality World App. You can have a play with it here:

https://peterchappell.github.io/my-quality-world/

A "Quality World" is an idea from Choice Theory. Our Quality World is our collection of relationships, activities and objects etc that have some value to us. Each item in the Quality World helps us meet our basic needs. For example, a relationship might help meet our need for love and belonging while different hobbies might help us meet combinations of fun, power, freedom and survival.

A common exercise in Choice Theory is to map out your Quality World, thinking about the items in your quality world, and also about how close or relevant they are to you at this point in time.

This app is a proof of concept for how you might be able to transfer a Quality World exercise to an application - allowing you to flip through your quality world items like cards and also allowing you to see the effect they have on your needs being met as you move them around on a map.

A note about data storage...

This app uses IndexedDB for storage of all data. No data is stored online. This was done primarily because it allowed for faster development. However, it might also be an advantage since no personal data is stored online... The downside is that no data is shared between devices...

TODO

This is really only a proof of concept so there is plenty left to do including:

  • Tests and type-checking
  • Edit items (in particular change the image)
  • Allow items to be drawn (drawing tool)
  • Improve algorithm for the needs met scores
  • Better management of the scaling of the map
  • A more visually dynamic map
  • Account
    • Avatar
    • Allow sync between devices
    • Or perhaps allow export and import and not store online

This project was bootstrapped with Create React App.

my-quality-world's People

Watchers

James Cloos avatar

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.