Interactpedia is a frontend web application that models how engagement

Last update: Aug 25, 2022

Overview

Interactpedia

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.

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
Node.js
React.js
Material UI

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.

Comments

Update Documentation
Updated documentation to ensure the repository looks professional.

To Do:

[x] create a README.md

[x] 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)

[x] add list of technologies & dependencies

[x] 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)

[x] describe how someone could replicate your project (i.e. describe how to clone and where all the necessary files are)

[x] include the names of all authors
opened by bliutech 0

This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out Medusa and we have implemented 3D swag store functionality. Swags are 3D models that can be viewed by the customer before they purchase them.

Hacktoberfest - Medusa's 3D Swag Store This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out

Nov 21, 2022

Web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control.

Linux Remote This is a web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control. Do

Jul 6, 2022

Learn how to set up Supabase auth for both the frontend and backend of your application using a JWT - JSON web token.

Supabase auth, frontend + backend - example with Next.js Learn how to set up Supabase auth for both the frontend and backend of your application using

Nov 20, 2022

This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 25, 2021

Finisterre-frontend - Front end for finisterre ecommerce application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Nov 2, 2022

The frontend of a full stack application of a personal wallet made with React, Node and MongoDB that allows you to add inputs, outputs and see all your extract.

Jun 2, 2022

Manually curated collection of resources for frontend web developers.

Frontend Development Manually curated collection of resources for frontend web developers. You are viewing a browseable version, split by category in

Jan 1, 2023

This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills.

pokedex-nova This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills. Available Sc

Feb 1, 2022

Allows the public to easily report and track the geolocation of anyone or anything they spot outside, using a mobile app or web frontend.

LIVE DEMO: https://armytracker.com/ (tracking the invading Russian army in Ukraine) Attention: - If you'd like to help the project either as a program

Mar 27, 2022

Interactpedia is a frontend web application that models how engagement

Related tags

Overview

Interactpedia

Table of Contents

Features

Technologies

Setup

Running

Authors

You might also like...

This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out Medusa and we have implemented 3D swag store functionality. Swags are 3D models that can be viewed by the customer before they purchase them.

Web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control.

Learn how to set up Supabase auth for both the frontend and backend of your application using a JWT - JSON web token.

This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Finisterre-frontend - Front end for finisterre ecommerce application.

The frontend of a full stack application of a personal wallet made with React, Node and MongoDB that allows you to add inputs, outputs and see all your extract.

Manually curated collection of resources for frontend web developers.

This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills.

Allows the public to easily report and track the geolocation of anyone or anything they spot outside, using a mobile app or web frontend.

Comments

Update Documentation

Owner

Hammad Farooqi

Fnon is a client-side JavaScript library for models, loading indicators, notifications, and alerts which makes your web projects much better.

O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.

This application provides the CDK project and a frontend that allows you to build a serverless chat application based on API Gateway's WebSocket-based API feature.

Labels issues using OpenAI's Classification API powered by GPT-3 models!

A tool to modify onnx models in a visualization fashion, based on Netron and flask.

An authorization library that supports access control models like ACL, RBAC, ABAC in modern JavaScript platforms

🧙 Mage is an open-source data management platform that helps you clean data and prepare it for training AI/ML models.

A regular table library, for async and virtual data models.

Auto-preload multiple relationships when retrieving Lucid models

Browser-compatible JS library for running language models