Coder Social home page Coder Social logo

hammadfarooqi / interactpedia Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 1.75 MB

Frontend web app modeling the integration of engagement features into crowdsourcing platforms to improve user info retention made as research for "Modeling the Effects of Engagement Methods in Online Crowd-sourcing Platforms" from Governor’s School of New Jersey Program in Engineering & Technology 2022.

Home Page: https://www.interactpedia.com/

HTML 5.95% CSS 6.29% JavaScript 87.76%
crowd-sourcing education engagement material-ui reactjs

interactpedia's Introduction

Interactpedia

Interactpedia Screenshot

Interactpedia is a frontend web application that models how engagement features can be incorporated into crowdsourcing platforms to improve info retention for users without compromising the contributor experience.

See Interactpedia deployed at www.interactpedia.com.

Note: It is recommended you run Interactpedia on desktop or tablet display sizes. Running on mobile display sizes may contain formatting issues.

Table of Contents

Features

  • Text Display: A scrollable display for the article content that is parsed and autoseparated into sections is displayed on the left.
  • Quiz Display: One multiple choice question chosen from the article's question bank is displayed on the right, and after the user answers, they are provided instant audio and visual feedback and a new question.
  • Formative Assessment: As the user progresses through the multiple choice questions, Interactpedia uses its built-in algorithm to choose questions for the user about topics they struggle with.
  • Cognitive Scaffolding Hints: If the reader are stuck on one question, they can click the hint button that points them to where they can find the answer.

Technologies

  • Javascript javascript
  • Node.js node.js
  • React.js react.js
  • Material UI MUI

Setup

In order to run a local instance of Interactpedia, first clone or download a copy of this repository and follow the instructions below.

To setup the dependencies for the application, run:

npm install

which should download a set of node_modules for the backend server.

Running

To start the application, run:

npm start

The frontend will be available on http://localhost:3000, which should appear in your browser automatically and reload upon any changes.

Authors

Interactpedia was made as a research model for Modeling the Effects of Engagement Methods in Online Crowdsourcing Platforms by Rajoshi Basu, Bryan Braga, Hammad Farooqi, & Yechan Lee with mentorship from Dr. Aaron Mazzeo at the Rutgers University Governor’s School of New Jersey Program in Engineering & Technology.

interactpedia's People

Contributors

hammadfarooqi avatar r1a2j avatar solano71 avatar yechanlee04 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

interactpedia's Issues

Update Documentation

Updated documentation to ensure the repository looks professional.

To Do:

  • create a README.md
  • add brief description about the project (i.e. research project at NJ GSET 2022) & add it to the GitHub description (located on right hand side near settings wheel)
  • add list of technologies & dependencies
  • add essential links (i.e. link to paper maybe link to symposium recording) & add link to site underneath the GitHub description (located on the right hand side near settings wheel)
  • describe how someone could replicate your project (i.e. describe how to clone and where all the necessary files are)
  • include the names of all authors

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.