Light

trentocrowdai / crowdhub-web Goto Github PK

View Code? Open in Web Editor NEW

6.0 6.0 0.0 16.64 MB

Frontend for crowdhub-api

Home Page: https://github.com/TrentoCrowdAI/crowdhub-api

HTML 0.44% CSS 40.36% JavaScript 59.20%

crowdsourcing crowdsourcing-experiments crowdsourcing-platforms

crowdhub-web's Introduction

CrowdHub

CrowdHub sits on top of major crowdsourcing platforms to intelligently assist customers in performing crowdsourcing tasks.

Paper: CrowdHub: Extending crowdsourcing platforms for the controlled evaluation of tasks designs.

crowdhub-web

This repository contains the client-side code of CrowdHub.

Link to the backend

This project was bootstrapped using Create React App.

The webapp is hosted on Github pages.

Documentation

You can find the developer and user documentation on the wiki of this repository.

Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:4000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`npm test`

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

`npm run build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

`npm run deployDev` and `npm run deployProd`

Builds the app and then publishes it on Github Pages. The difference between the two commands is that deployDev builds the app that will consume the APIs from the development server, while deployProd build the app that will use the production server.

crowdhub-web's People

Contributors

Stargazers

Watchers

crowdhub-web's Issues

Upload new items of project in the project view

Implement Create Job component (app route /jobs/new)

Enable skipped test in JobForm.test.js

Pages for CRUD operations of Project entity

Remove redundancy

Currently there is redundancy in the definitions of the parameters for each workflow block and do design block. Remove this redundancy by reading the parameters definition from the BlockType entity (both for workflows block and do design blocks)

Update the form to create a new job

According to the updated form in commit 08d32b1

Review colors of the UI

The blocks to create the design are using completely different colors from the rest of the website. Decide a set of colors and stick with them.

Host the webapp

Host master and develop branch
Enable CI tests

Dynamically render blocks

Dynamically render blocks parameters

Create a first mockup for the jobs management UI

Add button to start workflow

Implement edit of a Job

Add router

Implement publish of a Job

Pages for CRUD operations of Workflow entity

List
Create
Open dashboard
Delete

Do not allow users to create loops in the graph editor

servant-web documentation

In the README

update readme to keep only npm commands that we use

In the wiki:

structure of project (folder description, used patterns, ...)
how to add new parameters and blocks
user documentation of how to use the UI

Prepare base structure for servant-web repo using React (create-react-app)

Redirect to job list if user open link to view or edit a job that doesn't exists

Document graph editor

Document parts of the graph editor that aren't simple or that don't follow react patterns

Implement main layout (app bar, menu, main area)

JobForm redirects to the job view page even when there has been an error with the PUT request

Create blocks for dynamic markup

Fix style of graph blocks

highlight selected blocks
add padding to separate "ports"
fix overflow of parameters in the sidebar

Add 'insturctions' field to the Job form

Implement view of a single Job

Add a way to remove blocks from the design

Create workflow view/edit page

Implement deletion of a Job

Implement job list component (app route /jobs)

Update mock to include edit, delete, view and publish of job

Refactor code that handles the design editor

Add tests for the graph editor

Update tests for Job CRUD components

Read articles about React tests to find out which tests make sense and add them

Change the implementation of JobService.getJobs once the API is implemented

Update tests and add new ones for the design blocks

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.