peblio / app

Peblio

Table of Contents

• What is Peblio?
• Get Started
• Examples
• Contributing
• License

What is Peblio

Peblio is an instructional tool and lesson sharing platform for middle and high school Computer Science teachers. The goal is to democratize quality instructional materials and provide CS teachers with a streamlined workflow for finding and adapting lessons and managing student work.

Get Started

• Here are some resources to get started
• To start using Peblio, please visit the demo website.

Examples

Peblio can be used to create computer science lessons and instructions in various formats - lesson plans, worksheets, project documentation or tutorials. Below are some examples on how Peblio can be used.

• Examples of how p5 is used to recreate famous paintings
• Curriculum on introduction to web developement

Contributing

All contributions are welcome. We are especially always happy to have more tutorials and worksheets for our teachers and students to use! To create your own content, please check out Peblio.

Here are the basic steps to install Peblio in you local machine. For more detailed instructions, check out the developer docs.

License

Peblio is licensed under the GNU General Public License, Version 3.0. See LICENSE.md for the full license text.

app's Issues

Only p5 editor completely works

javascript editor does not work completely.
Need to ensure that the default code is not always loaded, and that the code from the DB is loaded.

change page to 'pebl' in front end

Save page content in session if user is not logged in

Change px values to variables in sass

Styling - Sign up page

move loginName and loginPassword in Login and SignUp components to refs instead of props.

contain elements in canvas

Delete editor components

Add Redux!!

Make each text-editor B U I operations seperate

nodemon not present in package.json

Add 'forked from..'

@estherhersh - do you think we should have this?
If someone forks and saves a page, then it will say 'Forked from user123' in the bottom or something. Is this needed?

The play/stop of the editors are being saved

This is not necessary and also is causing bugs in the console output if it is saved as "play:

Add drop-down in Main ToolBar

console captures all outputs

Add parent ID for forked page

Basic Styling

axios is missing

clear console on new play

add a min and max height for elements inside canvas

add dotenv for env variables

Add the session secret inside the dotenv variables.

re-enforce proptypes

currently have the below line in eslintrc
"react/prop-types": 0

fork and save project if owner is different

editor console stopped working

Create dragging for editor elements

Add Rich text editor

Ol li styling

can we move the 'ol' and 'li' styling into the from the modal.scss file into the base.scss file? Since it is not a class specific to the modals

after successful requests to login, pass back only the user name and not the user password.

Password to be hidden while typing

Add Login Components

Add main Nav bar

Add capability to save projects

add unsaved indication

show errors also in console

resizing one element affects all similar elements

P5 and html editors - show individual files

Selecting the editor language

The default text doesn't change back

Confirm on redirect if unsaved

Currently implemented using standard web method in index.html. NEEDS to be updated

App doesnt render if there atre no editors

Add title to page

split maintoolbar action and reducers into 2 files

redirect on delete

add a all-encompassing div for all the elements

Capability to add multiple windows

text editors and code editors add to separate divs

so they're on separate halves of the canvas

Add new link for new sketch

delete sketches feature

add JSON API standards for errors

error standards

Enforce stateless React Components to be written as a pure function

close the event Listener - consoleOutputText

causes errors when you create use other components after starting the consoleOutputText eventListner

editorContainer.jsx?8ffe:50 Uncaught TypeError: Cannot read property 'consoleOutputText' of undefined
at editorContainer (eval at (bundle.js:3126), :64:55)
at combination (eval at (bundle.js:7429), :124:29)
at dispatch (eval at (bundle.js:2887), :170:22)
at eval (eval at (bundle.js:2935), :14:16)
at dispatch (eval at (bundle.js:7405), :37:18)
at eval (eval at (bundle.js:2958), :76:5)
at eval (eval at (bundle.js:2935), :11:18)
at eval (eval at (bundle.js:7417), :4:12)