-
Notifications
You must be signed in to change notification settings - Fork 28
Home
Harsh Deep edited this page Jun 12, 2024
·
17 revisions
ClassTranscribe, aka "Netflix for learning" - is a new education video-based application developed at University of Illinois, with features that are focused on i) Improving learning outcomes for university students and ii) Providing equitable access and support for non-native speaking students and students with disabilities (including motor, cognitive, vision, and hearing).
The front-end of ClassTranscribe is built using React + Redux frame. Here is a brief instruction about how to contribute to the front-end. The wiki exists to document what already exists, check the issue tracker for places to contribute next.
- Tutorials to React JS + Redux JS
- Run ClassTranscribe Front-End (Front-End Only, No Docker)
- Run Full-Stack ClassTranscribe (With Docker)
- Front-End File Structure
- Contributing to ClassTranscribe
- Testing
- React Router - React Router is a collection of navigational components that compose declaratively with your application.
- Semantic UI React
- Material-UI
- React Bootstrap
- mk-guide - A light JavaScript library to guide the user to focus the important part, including fix element.
- Axios - Promise based HTTP client for the browser and node.js.
- Lodash - A modern JavaScript utility library delivering modularity, performance & extras.
- Dentist - NodeJS string dedenting module – make your template strings look nice!
- js-file-download - Client side file downloader.
- adm-zip - A pure JavaScript implementation for zip data compression for client-side NodeJS.
- Papa Parse - Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input.
- classnames - A simple JavaScript utility for conditionally joining classNames together.
- Showdown - A Javascript Markdown to HTML converter that can be used client side or server side.
- uuid - A Cryptographically-strong random ID Generator
- react-ace - Ace is an embeddable code editor written in JavaScript.
- react-device-detect - Detect device, and render view according to the detected device type.
- dva - Lightweight react router and dispatcher see the intro.
- React Developer Tools - Super useful browser extension for debugging the frontend and finiding out what components correspond to the frontend code