scholar-6 / brillder Goto Github PK

View Code? Open in Web Editor NEW

3.0 3.0 11.0 69.42 MB

License: Apache License 2.0

HTML 0.15% TypeScript 66.46% JavaScript 0.35% Dockerfile 0.01% SCSS 32.89% CSS 0.14%

a-level edtech education mooc react survey

brillder's People

Contributors

Stargazers

Watchers

Forkers

ivanromakh ks-clevercopter saeed15111 aminhussaini scholar6admin lindsaymacvean aamirhk9122 farman9849 farmanahmed2007 tobyperes wooodhead

brillder's Issues

Point this button to the /new-brick/ route

Create open question on proforma page

We need to create another field on the proforma page.

Backend
Field called: 'Open Question'

Brick Table
Swagger
Backend API
Front end

Saving Questions by api calls

Stop signup for builders. Because we will add them manually

Backend
Frontend

React first page

Add some styling and make sure the button 'create' goes to Pro forma page.

Decide on Frontend public documentation

https://itnext.io/create-compelling-documentation-with-github-pages-16e4149efe9e

Add 'Brix' logo on Blue background to all phone preview screens for the moment

Add a preview phone window on right hand side

We want a preview window on the right hand side of the Brick Build screen.

Ignore the rest of the screen we just want a phone outline on the right hand side. On smaller screens this preview should disappear.

This phone outline will be empty and show message "Preview not available"

When we rebuild the play interface we will be bringing these components in as the preview but until then it will remain empty.

Please use a phone outline similar to Lucid chart. (Feint grey)

Add back in Proforma page

Create 4 starting pages

First page has the following options.

Create a new brick
View Existing Bricks

The poster had these options but ignore them for the moment we can come back to them later.

Second Page is a meta data form to create a new brick

Third page will be similar to SurveyJS, it will be a content building page using blocks.

Fourth Page will be a list of bricks
[There is not really an image for this on the poster]

Add Hint Functionality

Please remove 6 dots in drag and drop and change number icons to plain text (Century Gothic if possible)

Make right part for question types

Add user types

Add following user types:

Student,
Teacher,
Builder,
Admin

Add alternative subject

We need another field on pro forma page.

[] Brick Table
[] Swagger
[] Backend API
Front end

Investigation Build Page. Sub page for checking question type.

Drag and drop of component onto panel

Something like that.

Serve React code from EC2 Instance

Please set up an EC2 Instance to serve code. I will add subdomain to point to IP.

Brick Builder Page

Create first version of Brick Builder page.

Does not have to be working but should have first version of the layout of the interface.

Research Opensource Google Form Clones.

Add multiple components in a vertical draggable area

Set all routes to have root /build (except for pre-login)

In future we will have an interface at /play and an interface at /teach.

For moment just move all current components to have route with root /build/

Build the routes for first time user

Build the following routes

see lucid chart

Clicking student leads to this (please fix, 'welcome Joe', no demo bricks, top left no longer leads to anything). Seems to be the same with teacher and builder.

Add Oauth to all routes

Short Answer

Add prefill text "Enter short answer..."

Also add ability to add more than one short answer

Also add a delete button (bin icon) on the left

Remove menu at top of investigation build

Add a prelogin page to select user type

https://learningfortress.scholar6.org/play/pallet/demopallet

All unauthenticated requests should go to a login page that looks like the above link.

The only difference is we are removing 'learning fortress'

Depending on which button they click will depend on which interface the go back to after authentication.

Text component

Insert CKeditor Wysiwyg into text component.

Review documentation and see if it supports Latex.

We want it look something like this

But we only want Bold and Underline as options. (no other options)

Character limit on the text component should be 500 Characters.

React-scripts increases memory consumption

Please review this issue
facebook/create-react-app#8096

And update dependencies for react-scripts and associated babel dependencies
npm update @babel/core --depth 3

Set Breakpoints

@ivanromakh
Can we set the break points to
max-width: 599px
min-width: 600px
min-width: 900px
min-width: 1200px
min-width: 1800px

As per this article.
https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/

Build basic component for first time user

Use Lucid Chart

Add React DND to Frontend

https://react-dnd.github.io/react-dnd/about

Please add the following library to the code.

Also review this documentation
https://engineering.datorama.com/mastering-drag-drop-with-reactjs-part-01-39bed3d40a03

Add Material UI to Frontend

Add Material UI

https://github.com/mui-org/material-ui

Review 3.x documentation here
https://v3.material-ui.com/demos/app-bar/

./src/components/loginPage/loginPage.tsx
  Line 10:10:   'useLocation' is defined but never used                                                                    @typescript-eslint/no-unused-vars
  Line 109:13:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

./src/components/registerPage/registerPage.tsx
  Line 16:20:  Expected '!==' and instead saw '!='                                                                        eqeqeq
  Line 28:13:  Expected '!==' and instead saw '!='                                                                        eqeqeq
  Line 93:13:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

./src/components/investigationBuildPage/buildQuestions/components/Text/Text.tsx
  Line 19:15:  'data' is assigned a value but never used  @typescript-eslint/no-unused-vars

./src/components/app/privateRoute.tsx
  Line 1:17:  'Component' is defined but never used  @typescript-eslint/no-unused-vars

./src/redux/actions/auth.ts
  Line 23:16:  Expected '===' and instead saw '=='  eqeqeq

./src/components/proFormaPage/editorRow/editorRow.tsx
  Line 23:3:  Useless constructor  @typescript-eslint/no-useless-constructor

./src/components/investigationBuildPage/buildQuestions/components/QuestionComponentSwitcher.tsx
  Line 24:12:  Expected '===' and instead saw '=='  eqeqeq
  Line 26:19:  Expected '===' and instead saw '=='  eqeqeq
  Line 28:19:  Expected '===' and instead saw '=='  eqeqeq
  Line 30:19:  Expected '===' and instead saw '=='  eqeqeq
  Line 32:19:  Expected '===' and instead saw '=='  eqeqeq
  Line 34:19:  Expected '===' and instead saw '=='  eqeqeq

./src/components/preLoginPage/preLoginPage.tsx
  Line 25:16:  Expected '===' and instead saw '=='                                                                        eqeqeq
  Line 35:17:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text
  Line 43:17:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text
  Line 51:17:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text
  Line 58:15:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text
  Line 90:15:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

./src/redux/actions/proFormActions.ts
  Line 2:8:   'axios' is defined but never used                              @typescript-eslint/no-unused-vars
  Line 4:8:   'host' is defined but never used                               @typescript-eslint/no-unused-vars
  Line 5:10:  'Brick' is defined but never used                              @typescript-eslint/no-unused-vars
  Line 14:7:  'fetchProFormaDataFailure' is assigned a value but never used  @typescript-eslint/no-unused-vars

./src/components/investigationBuildPage/header/pageHeader.tsx
  Line 34:3:  Useless constructor  @typescript-eslint/no-useless-constructor

./src/components/investigationBuildPage/buildQuestions/questionComponents/questionComponents.tsx
  Line 35:14:  Expected '===' and instead saw '=='  eqeqeq
  Line 37:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 39:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 41:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 43:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 45:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 47:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 49:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 51:21:  Expected '===' and instead saw '=='  eqeqeq
  Line 53:21:  Expected '===' and instead saw '=='  eqeqeq

./src/components/investigationBuildPage/buildQuestions/buildQuestionComponent.tsx
  Line 36:9:  'move' is assigned a value but never used  @typescript-eslint/no-unused-vars

./src/components/investigationBuildPage/investigationBuildPage.tsx
  Line 58:53:   Expected '===' and instead saw '=='  eqeqeq
  Line 140:23:  Expected '===' and instead saw '=='  eqeqeq
  Line 183:33:  Expected '===' and instead saw '=='  eqeqeq

./src/components/investigationBuildPage/buildQuestions/drag/dragAndDropBox.tsx
  Line 62:13:  Expected '!==' and instead saw '!='  eqeqeq

./src/components/investigationBuildPage/dragTabs/dragTab.tsx
  Line 68:20:  Expected '===' and instead saw '=='  eqeqeq

Change the pre-login page to something like this please. Again Century gothic very loose AV, basic rounded rectangles

Add Storybook to the front end https://storybook.js.org/

Give this a go

https://storybook.js.org/

Can we run this live at a sub domain storybook.scholar6.org

scholar-6 / brillder Goto Github PK

brillder's People

Contributors

Stargazers

Watchers

Forkers

brillder's Issues

Recommend Projects

Recommend Topics

Recommend Org

Jobs