[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8769":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},8769,"quant-ux","KlausSchaefers\u002Fquant-ux","KlausSchaefers","Quant-UX - Prototype, Test and Learn",null,"Vue",2614,278,48,100,0,3,92,1,29.34,"GNU General Public License v3.0",false,"master",true,[],"2026-06-12 02:01:58","[![Docker Image Build and Push to Dockerhub - CI\u002FCD](https:\u002F\u002Fgithub.com\u002FKlausSchaefers\u002Fquant-ux\u002Factions\u002Fworkflows\u002Fdocker.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002FKlausSchaefers\u002Fquant-ux\u002Factions\u002Fworkflows\u002Fdocker.yml)\n\n# Quant-UX - Prototype, Test and Learn\n\nQuant UX is a research, usability and prototyping tool to quickly test your designs and get data driven insights. \nThis repo contains the front end. You can find a working demo at https:\u002F\u002Fquant-ux.com\u002F#\u002F\n\n![Alt text](docs\u002Frelease.png?raw=true \"Quant-UX preview\")\n\n## Develpment setup\n### Prerequisite\n```\nnpm install\n```\n\n\n### Running Locally on the Host Machine\n\n#### Compiles and hot-reloads for development\n```\nnpm run serve\n```\n\n#### Compiles and minifies for production\n```\nnpm run build\n```\n\n#### Run your unit tests\n```\nnpm run test:unit\n```\n\n#### Lints and fixes files\n```\nnpm run lint\n```\n\n### Developing inside a Docker Container\nIf you wish to develop by running the service exclusively through Docker, you can build a development image using:\n```bash\nmake build-dev\n```\nThis will create a Docker Image tagged under `quant-ux`. You can then replace the `klausenschaefersinho\u002Fquant-ux` inside your docker-compose file with the newly build `quant-ux` image. Don't forget to mount the source code after replacing the image.\n\nIf you're using the provided `docker\u002Fdocker-compose.yml`, you can simply add the following volume mount to the qux-fe service:\n```yml\n    volumes:\n      - ..\u002Fsrc:\u002Fhome\u002Fnode\u002Fsrc\n```\n\nYou can then make use of the following Makefile rules for quick docker environment setup and teardown:\n```bash\n# docker compose up - targets docker\u002Fdocker-compose.yml\nmake up\n\n# docker compose down - targets docker\u002Fdocker-compose.yml\nmake down\n```\n\n# Installation\n\nThe easiest way to get your own installation up and running is using the prebuild Docker images by [Brian McGonagill](https:\u002F\u002Fgithub.com\u002Fbmcgonag).  You can find the repo and instructions at https:\u002F\u002Fgithub.com\u002Fbmcgonag\u002Fquant-ux-docker\u002F\n\n\n## Manual Installation\n\nQuant-UX has two components. A front-end (this package) and a backend (qux-java). The front-end needs Node.js (> 12) installed. The backend needs a Mongo DB, a Mail Server (SMTP) and Java (> 1.8). The front-end comes with it's own mini web server, which also include a proxy that redirects all request to the correct backend.\n\n## Docker\n\nThe easiest way to get your own Quant-UX installation running is using the Docker images. \n\n1) Create a docker compose file (`docker-compose.yaml`) and set the environment variables.\n\n```yaml\nversion: '3'\n\nservices:\n  mongo:\n    restart: always\n    container_name: quant-ux-mongo\n    image: mongo\n    volumes:\n      - .\u002Fdata:\u002Fdata\u002Fdb        # pth for the data to be stored and kept on your host machine is on the left side of the \":\"\n  qux-fe:\n    restart: always\n    container_name: quant-ux-frontend\n    image: klausenschaefersinho\u002Fquant-ux\n    environment:\n      - QUX_PROXY_URL=http:\u002F\u002Fquant-ux-backend:8080        # this is the path the front end uses to talk tot he backend\n      - QUX_AUTH=qux\n      - QUX_KEYCLOAK_REALM=\n      - QUX_KEYCLOAK_CLIENT=\n      - QUX_KEYCLOAK_URL=\n      - QUX_WS_URL=ws:\u002F\u002F127.0.0.1:8086        # change to where the websocket server is deployed for external access\n    links:\n      - mongo\n      - qux-be\n    ports:\n      - 8082:8082        # change the left side port if your host machine already has 8082 in use\n    depends_on:\n      - qux-be\n  qux-be:\n    restart: always\n    container_name: quant-ux-backend\n    image: klausenschaefersinho\u002Fquant-ux-backend\n    volumes:\n      - .\u002Fquant-ux-data:\u002Fapp-data\n    environment:\n      - QUX_HTTP_HOST=http:\u002F\u002Fquant-ux-frontend:8082   # this is the URL included in the mails, e.g. password resets\n      - QUX_HTTP_PORT=8080  # This is the port the backend will use\n      - QUX_MONGO_DB_NAME=quantux  # the database \u002F collection name in mongodb\n      - QUX_MONGO_TABLE_PREFIX=quantux  # table \u002F document prefix in mongodb\n      - QUX_MONGO_CONNECTION_STRING=mongodb:\u002F\u002Fquant-ux-mongo:27017 # this assumes your mongodb container will be called \"quant-ux-mongo\" in the docker-compose file\n      - QUX_MAIL_USER=mail_admin@example.com        # this should be your smtp email user\n      - QUX_MAIL_PASSWORD=sTr0ngPa55w0Rd        # this should be your smtp email password\n      - QUX_MAIL_HOST=mail.example.com        # this should be your smtp host address\n      - QUX_JWT_PASSWORD=some-long-string-of-mix-case-chars-and-nums        # you should change this to a real JWT secret\n      - QUX_IMAGE_FOLDER_USER=\u002Fapp-data\u002Fqux-images        # this folder should mapped in the volume\n      - QUX_IMAGE_FOLDER_APPS=\u002Fapp-data\u002Fqux-image-apps        # this folder should mapped in the volume\n      - TZ=America\u002FChicago        # change to your timezone\n      - QUX_AUTH_SERVICE=qux\n      - QUX_KEYCLOAK_SERVER= # just the keycloak host & port\n      - QUX_KEYCLOAK_REALM=\n      - QUX_USER_ALLOW_SIGNUP=true # set the false to not allow users to signup\n      - QUX_USER_ALLOWED_DOMAINS=* # comma separated list of domains, e.g. 'my-server.com' or '*' for all\n    depends_on:\n      - mongo\n  qux-ws:\n    restart: always\n    container_name: quant-ux-websocket-server\n    image: klausenschaefersinho\u002Fquant-ux-websocket\n    environment:\n      - QUX_SERVER=http:\u002F\u002Fquant-ux-backend:8080\u002F\n      - QUX_SERVER_PORT=8086\n    ports:\n      - 8086:8086\n    links:\n      - qux-be\n    depends_on:\n      - qux-be\n\n```\n\nMake sure to update `QUX_JWT_PASSWORD` the ENV variable to make sure your installation is secure.\nUpdate `QUX_HTTP_HOST`, `QUX_MAIL_USER`, `QUX_MAIL_PASSWORD` and `QUX_MAIL_HOST` to sure correct mail handling\n\n\n2) Start the containers with the following command\n\n```bash\ndocker compose up\n```\n\n## One-Click deployment\n\n### Elestio\nYou can deploy an instance of Quant UX with few clicks and minimal configuration on cloud service provider of your choice.\n \n[![Deploy on Elestio](https:\u002F\u002Felest.io\u002Fimages\u002Flogos\u002Fdeploy-to-elestio-btn.png)](https:\u002F\u002Felest.io\u002Fopen-source\u002Fquant-ux)\n\n### RepoCloud.io\nYou can deploy an instance of Quant UX with one click on RepoCloud.\n \n[![Deploy](https:\u002F\u002Fd16t0pc4846x52.cloudfront.net\u002Fdeploylobe.svg)](https:\u002F\u002Frepocloud.io\u002Fdetails\u002F?app_id=302)\n\n\n## Kubernets\n\nYou can find a kubernets configuration here https:\u002F\u002Fgithub.com\u002Fengmsilva\u002Fquant-ux-k8s\u002Ftree\u002Fmaster\u002Fk8s\n\n### Backend\n\n- Install Mongo DB (> 4.4)\n\n- Install Java (1.8)\n\n- Checkout the backend\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002FKlausSchaefers\u002Fqux-java.git\n```\n\n- This contains already a compiled version of the backend in the release folder\n\n- Edit the matc.conf file to setup the correct mongo and mails server details. More details can be found here: https:\u002F\u002Fgithub.com\u002FKlausSchaefers\u002Fqux-java\n\n- Start the server, or install as a service in Linux. \n\n```\njava -jar release\u002Fmatc.jar -Xmx2g -conf matc.conf -instances 1\n```\n\n\n### Front-end\n\n- Install Node.js (> 12)\n\n- Clone repo\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002FKlausSchaefers\u002Fquant-ux.git\n```\n\n- Install all dependecies:\n\n```\nnpm install\n```\n\n- Build \n```\nnpm run build\n```\n\n### Config front-end\n- Set the proxy server url as an ENV variable\n\n```\nexport QUX_PROXY_URL=https:\u002F\u002Fyour.quant-ux.server.com \u002F\u002F backend host\n\nexport QUX_WS_URL= wss.quant-ux.server.com \u002F\u002F web socket server\n\n```\n\n- Start\n```\nnode server\u002Fstart.js\n```\n\n### Reverse Proxy\n\nNow you should have a running system. It is not secure yet. The best is to put both behind a NGINX reverse proxy, which handles SSL.\n\n- https:\u002F\u002Fwww.scaleway.com\u002Fen\u002Fdocs\u002Ftutorials\u002Fnginx-reverse-proxy\u002F\n\nYou can use https:\u002F\u002Fletsencrypt.org\u002F to create SSL certificates\n\n\n\n\n\n\n\n\n\n\n","Quant-UX 是一个用于快速测试设计并获取数据驱动洞察的研究、可用性和原型工具。其核心功能包括原型设计、用户测试和数据分析，基于 Vue 框架构建，支持 Docker 部署，便于开发和维护。项目提供了一个前端界面与后端服务相结合的完整解决方案，适合需要高效迭代产品设计，并希望在早期阶段就收集用户反馈以优化用户体验的团队使用。通过集成 MongoDB 和 SMTP 服务器，Quant-UX 能够为用户提供从原型创建到实际部署的一站式服务体验。",2,"2026-06-11 03:19:41","top_language"]