Git Product home page Git Product logo

ruxailab's Introduction

Welcome to UX Remote LAB

UX Remote LAB is a user-friendly platform for usability testing and heuristic evaluation. Designed and provided by UX Remote LAB, it is a web application developed to assist project creators in gathering valuable insights from their users.


User Friendly User Friendly
Heuristics Tests Heuristics Tests
Answers Views Answers Views
Analytics Graphs Analytics Graphs

About

UX Remote LAB is an open-source platform designed to collect usability feedback from users. It allows you to gather user reviews, analyze them, and create comprehensive reports to better understand your application's usability. Additionally, it offers heuristic tests, enabling experts to evaluate your application's compliance with usability principles.

Community & Experience

UX Remote LAB provides a collaborative environment for creators to share their projects and receive voluntary assistance with usability reviews. You can communicate with evaluators and send them invitations for testing your applications.

Support

For commercial support, academic collaborations, and answers to common questions, please use Get Support to contact us.

Development Environment

  • Node.js version: โ‰ค 16.20.1
  • Vue.js version: 2.6.12
  • Vue CLI version: 4.3.1
  • Vuetify version: 2.3.10
  • Python version: 3.11.8

Video Guide

Tutorial - Running RUXAILAB with Firebase Emulators ๐Ÿ–ฅ๏ธ

Getting Started

Follow these steps to set up the development environment and run the application locally:

# Install dependencies
npm install
pip install

Open Firebase / Firestore and start a project.

  • In the project dashboard, click on the settings button on the left side of the screen (gear icon).
  • In the project settings, under the general tab, scroll down to the end of the screen, you should find the following screen.
FBexample

In the folder of your project, create a file with the name .env and put the following data:

VUE_APP_FIREBASE_API_KEY=""
VUE_APP_FIREBASE_AUTH_DOMAIN=""
VUE_APP_FIREBASE_DB_URL=""
VUE_APP_FIREBASE_PROJECT_ID=""
VUE_APP_FIREBASE_STORAGE_BUCKET=""
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=""
VUE_APP_FIREBASE_APP_ID=""


// Doesn't need changes
VUE_APP_I18N_LOCALE="en"
VUE_APP_I18N_FALLBACK_LOCALE="en"

Then, complete the information in your .env file with the firebase information, respectively in their fields, and run:

 # Run the application locally
 npm run serve

Running with Firebase Emulators

  • Add firebase.json file with the following code snippet:
    {
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "functions": [
    {
      "predeploy": ["npm --prefix \"$RESOURCE_DIR\" run lint"],
      "source": "functions",
      "codebase": "functions"
    },
    {
      "source": "weight_function",
      "codebase": "weight_function",
      "ignore": ["venv", ".git", "firebase-debug.log", "firebase-debug.*.log"]
    }
  ],
  "hosting": {
    "site": "ruxailab-dev",
    "public": "dist",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },
  "emulators": {
    "auth": {
      "port": 9099
    },
    "functions": {
      "port": 5001
    },
    "firestore": {
      "port": 8081
    },
    "hosting": {
      "port": 5000
    },
    "ui": {
      "enabled": true
    },
    "singleProjectMode": true,
    "storage": {
      "port": 9199
    }
  },
  "storage": {
    "rules": "storage.rules"
  }
}
	

Setup your Firebase Emulators

Run:

firebase use (choose your option)
firebase emulators:start

Running Python Function

To calculate heuristic weights, run:

# Run locally
 firebase init functions
 firebase use (choose your option)
 firebase emulators:start --only functions

Then get the url, go to the .env file and add the following sentence:

  // Your previous code
 VUE_APP_FIREBASE_PYTHON_FUNCTION="url"

If you want to deply the fuction, change your account from spark to blaze, run:

   firebase deploy --only functions

Go to firebase panel -> functions -> on the right side of the function press "detailed usage statistics". There you can get the url and replace on .env file.

Docker Setup

Building the Docker Image

To build the Docker image for UX Remote LAB, navigate to the project's root directory and run the following command:

docker build -t uxremotelab .

Running the Application using Docker

After building the image, you can run the application in a Docker container using:

Note: Ensure you have created the .env file and filled it with all required variables before running the following command:

docker run -d --env-file .env -p 5000:5000 uxremotelab

Visit http://localhost:5000 in your browser to access the UX Remote LAB platform.

License

MIT ยฉ UX Remote LAB

ruxailab's People

Contributors

leoruas avatar jvjuca avatar karinepistili avatar talesaugusto1 avatar fernandacasali avatar tamitavares avatar na1au avatar natanco1 avatar sergiobeltranguerrero avatar marcgc21 avatar mchalgarra avatar brunofaefaion avatar themohit2003 avatar juliomanoel avatar sushant4612 avatar gaurav-verma07 avatar camilajar avatar abhisek-1221 avatar ranitmukherjee avatar rishabhjain0721 avatar lostsputnik avatar raju-mannem avatar dakshsinghrathore avatar pankaj87072 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.